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PREFACE 月 


从 加 世纪 疙 年 代 末 8 年 代 初 开始 , 我 国 的 高 等 院 校 开始 面向 各 个 专业 的 全 体 大 学 
生 开 展 计算 机 教育 。 特别 是 面向 非 计算 机 专业 学 生 的 计算 机 基础 教育 , 牵涉 的 专业 
广 、 人 数 众多 , 影响 深远 。 高 校 开展 计算 机 基础 教育 的 状况 将 直接 影响 我 国 各 行 各 业 、 
各 个 领域 中 计算 机 应 用 的 发 展 水 平 。 这 是 一 项 意义 重大 而 且 大 有 可 为 的 工作 , 应 该 引起 
各 方面 的 充分 重视 。 

0 多 年 来 , 全 国 高 等 院 校 计算 机 基础 教育 研究 会 和 全 国 高 校 从 事 计算 机 基础 教育 的 
老师 始终 不 渝 地 在 这 片 未 被 开垦 的 土地 上 辛勤 工作 , 深入 探索 , 努力 开拓 , 积累 了 丰富 
的 经 验 , 初步 形成 了 一 套 行 之 有 效 的 课程 体系 和 教学 理念 。 0 年 来 高 等 院 校 计算 机 基础 

育 的 发 展 经 历 了 3 个 阶段 : 加 世纪 8 年 代 是 初创 阶段 , 带 有 扫盲 的 性 质 , 多 数学 校 只 
开设 一 门 入 门 课程 ; 0D 世纪 9 年 代 是 规范 阶段 , 在 全 国 范围 内 形成 了 按 3 个 层次 进行 教 
学 的 课程 体系 , 教学 的 广度 和 深度 都 有 所 发 展 ; 进入 1 世纪 , 开始 了 深化 提高 的 第 3 阶 
段 , 需要 在 原 有 基础 上 再 上 一 个 新 台阶 。 

在 计算 机 基础 教育 的 新 阶段 , 要 充分 认识 到 计算 机 基础 教育 面临 的 挑战 。 

(1) 在 世界 范围 内 信息 技术 以 空前 的 速度 迅猛 发 展 , 新 的 技术 和 新 的 方法 层出不穷 ， 
要 求 高 等 院 校 计算 机 基础 教育 必须 跟 上 信息 技术 发 展 的 潮流 , 大 力 更 新 教学 内 容 , 用 信 
息 技术 的 新 成 就 武装 当今 的 大 学 生 。 

(2 我国 国 民 经 济 现在 处 于 持续 快速 稳定 发 展 阶 段 , 需要 大 力 发 展 信息 产业 , 加 快 经 
济 与 社会 信息 化 的 进程 , 这 就 迫切 需要 大 批 既 熟悉 本 领域 业务 , 又 能 熟练 使 用 计算 机 ， 
并 能 将 信息 技术 应 用 于 本 领域 的 新 型 专门 人 才 。 因此 需要 大 力 提高 高 校 计算 机 基础 教 
育 的 水 平 , 培养 出 数 以 百 万 计 的 计算 机 应 用 人 才 。 

色 从 有 世纪 初 开 始 , 信息 技术 教育 在 我 国 中 小 学 中 全 面 开 展 , 计算 机 教育 的 起 点 从 
大 学 下 移 到 中 小 学 。 水 涨 船 高 , 这 样 也 为 提高 大 学 的 计算 机 教育 水 平 创造 了 十 分 有 利 的 
条 件 。 

迎接 1 世纪 的 挑战 , 大 力 提高 我 国 高 等 学 校 计算 机 基础 教育 的 水 平 , 培养 出 符合 信 
息 时 代 要 求 的 人 才 , 已 成 为 广大 计算 机 教育 工作 者 的 神圣 使 命 和 光荣 职责 。 全 国 高 等 院 
校 计算 机 基础 教育 研究 会 和 清华 大 学 出 版 社 于 X22 年 联合 成 立 了 中 国 高 等 院 校 计算 机 
基础 教育 改革 课题 研究 组 ”, 集中 了 一 批 长 期 在 高 校 计算 机 基础 教育 领域 从 事 教 学 和 研 
究 的 专家 、 教 授 ， 经 过 深入 调查 研究 , 广泛 征求 意见 , 反复 讨论 修改 , 提出 了 高 校 计算 机 
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基础 教育 改革 思路 和 课程 方案 , 并 于 204 年 7 月 公布 了 《中国 高 等 院 校 计算 机 基础 教育 
课程 体系 204》( 简 称 (TC 204 ) 。 IC X204 公布 后 , 在 全 国 高 校 中 引起 强烈 的 反响 , 国内 知 
名 专家 和 从 事 计 算 机 基础 教育 工作 的 广大 教师 一 致 认为 CC 204 提 出 了 一 个 既 体现 先进 
性 又 切合 实际 的 思路 和 解决 方案 , 该 研究 成 果 具 有 开创 性 、 针 对 性 、 前 瞻 性 和 可 操作 性 ， 
对 发 展 我 国 高 等 院 校 的 计算 机 基础 教育 具有 重要 的 指导 作用 。 根据 近年 来 计算 机 基础 

育 的 发 展 , 课题 研究 组 对 (FC 204 进行 了 修订 和 补充 , 使 之 更 加 完善 , 于 206 年 和 208 
年 公布 了 《中 国 高 等 院 校 计算 机 基础 教育 课程 体系 2056》 (简称 FC 206 ) 和 《中国 高 等 院 
校 计算 机 基础 教育 课程 体系 208》 (简称 OK 208 ) , 由 清华 大 学 出 版 社 出 版 。 

为 了 实现 课题 研究 组 提出 的 要 求 , 必须 有 一 批 与 之 配套 的 教材 。 教材 是 实现 教育 思 
想 和 教学 要 求 的 重要 保证 , 是 教学 改革 中 的 一 项 重要 的 基本 建设 。 如 果 没 有 好 的 教材 ， 
提高 教学 质量 只 是 一 句 空 话 。 要 写 好 一 本 教材 是 不 容易 的 , 不 仅 需要 掌握 有 关 的 科学 技 
术 知 识 , 而 且 要 熟悉 自己 工作 的 对 象 、 研 究 读者 的 认识 规律 、 善 于 组 织 教 材 内 容 、 具 有 较 
好 的 文字 功底 , 还 需要 学 习 一 点 教育 学 和 心理 学 的 知识 等 。 一 本 好 的 计算 机 基础 教材 应 
当 具 备 以 下 5 个 要 素 : 

(D 定位 准确 。 要 十 分 明确 本 教材 是 为 哪 一 部 分 读者 写 的 , 要 有 的 放 矢 , 不 要 不 问 对 
象 , 提 笔 就 写 。 

(2 内 容 先进 。 要 能 反映 计算 机 科学 技术 的 新 成 果 、 新 趋势 。 

人 取舍 合理 。 要 做 到 “该 有 的 有 , 不 该 有 的 没有 ”, 不 要 和 包罗万象 、 贪 多 求全 , 不 应 
把 教材 写成 手册 。 

(4 体系 得 当 。 要 针对 非 计算 机 专业 学 生 的 特点 , 精心 设计 教材 体系 , 不 仅 使 教材 体现 
科学 性 和 先进 性 , 还 要 注意 循序 渐进 、 降 低 台 阶 、 分 散 难 点 , 使 学 生 易于 理解 。 

(9 风格 鲜明 。 要 用 通俗 易 懂 的 方法 和 语言 叙述 复杂 的 概念 。 善于 运用 形象 思维 ， 
深入 浅 出 , 引人入胜 。 

为 了 推动 各 高 校 的 教学 , 我 们 愿意 与 全 国 各 地 区 、 各 学 校 的 专家 和 老师 共同 奋斗 ， 
编写 和 出 版 一 批 具 有 中 国 特色 的 、 符 合 非 计 算 机 专业 学 生 特点 的 、 受 广大 读者 欢迎 的 优 
秀 教材 。 为 此 , 我 们 成 立 了 中 国 高 等 院 校 计 算 机 基础 教育 课程 体系 规划 教材 " 编审 委 
员 会 , 全 面 指导 本 套 教材 的 编写 工作 。 

这 套 教材 具有 以 下 几 个 特点 : 

(1) 全 面体 现 0C X204、QC 206 和 (OK 2008 的 思路 和 课程 要 求 。 本 套 教材 的 作者 多 数 是 
课题 研究 组 的 成 员 或 参加 过 课题 研讨 的 专家 , 对 计算 机 基础 教育 改革 的 方向 和 思路 有 深 
切 的 体会 和 清醒 的 认识 。 因而 可 以 说 , 本 套 教材 是 0C 204、 (QTC X06 和 0TC X08 的 具体 化 。 

(2 教材 内 容 体现 了 信息 技术 发 展 的 趋势 。 由 于 信息 技术 发 展 迅 速 , 教材 需要 不 断 
更 新 内 容 , 推陈出新 。 本 套 教 材 力求 反映 信息 技术 领域 中 新 的 发 展 、 新 的 应 用 。 

(3 按照 非 计算 机 专业 学 生 的 特点 构建 课程 内 容 和 教材 体系 , 强调 面向 应 用 , 注重 培 
养 应 用 能 力 , 针对 多 数学 生 的 认 知 规律 , 尽量 采用 通俗 易 懂 的 方法 说 明 复杂 的 概念 , 使 


学 生 易 于 学 习 。 


二 人 一 


(4 考虑 到 教学 对 象 不 同 , 本 套 教材 包括 了 各 方面 所 需要 的 教材 重点 课程 和 一 般 课 


程 ; 必修 课 和 选修 课 ; 理论 课 和 实践 课 ) , 供 不 同 学 校 、 不 同 专业 的 学 生 选 用 。 


(9 本 套 教材 的 作者 都 有 较 高 的 学 术 造 放 , 有 丰富 的 计算 机 基础 教育 的 经 验 , 在 教材 
中 体现 了 研究 会 所 倡导 的 思路 和 风格 , 因而 符合 教学 实践 , 便于 采用 。 
本 套 教 材 统一 规划 、 分 批 组 织 、 陆 续 出 版 。 希望 能 得 到 各 位 专家 、 老 师 和 读者 


的 指 了 


空 
完善 。 


FE, 我们 将 根据 计算 机 技术 的 发 展 和 广大 师 生 的 宝贵 意见 随时 修订 , 使 之 不 断 
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APNET 是 微软 公司 推出 的 企业 级 网 站 开发 平台 , 是 目前 国内 外 开发 中 、 小 企业 网 站 
的 首选 技术 。 这 不 仅 要 归功 于 微软 公司 .ET 发展 战 略 的 成 功 实 施 , 更 重要 的 是 APIET 技 
术 本 身 所 具有 的 无 限 鬼 力 一 它 不 仅 功能 强大 , 而 且 易 学 易 用 、 高 效 快捷 , 在 与 其 同步 推 
出 的 集成 开发 环境 Maosoft Viaal Sbuudio 下 编程 , 更 如 行云流水 一 般 。 目前 , APIET 已 被 很 
多 院 校 纳入 网 页 设计 相关 课程 的 教学 中 。 

本 书 从 结构 酝酿 到 最 终 完稿 , 历时 一 年 半 之 久 , 是 编者 在 总 结 多 年 APIET 的 使 用 、 
教学 , 以 及 企业 动态 网 站 开发 经 验 的 基础 上 编写 而 成 的 。 本 书 的 突出 特点 是 入 手 容 易 、 
结构 合理 , 学 完 即 能 应 对 APIET 动 态 网 站 开发 。 

一 般 来 讲 , 在 实际 开发 工作 中 , 80% 的 常用 技术 往往 只 占 全 部 知识 中 20% 的 比例 即 
28 定 律 )。 那么 作为 初 、 中 级 网 站 开发 者 , 最 先 掌握 这 20% 的 常用 技术 是 高 效 学 习 和 提高 
网 站 开发 技术 的 捷径 。 本 书 紧 密 联 系 开 发 实践 需要 , 将 最 常用 的 知识 点 和 技术 要 领 提炼 
出 来 , 使 之 更 具有 针对 性 、 功 效 性 、 简便 性 和 实用 性 , 使 读者 学 习 完 成 后 , 切实 具备 开发 
有 价值 的 动态 网 站 的 能 力 。 

本 书 内 容 由 浅 入 深 , 知识 讲解 循序 渐进 , 反映 了 初学 者 认识 和 掌握 计算 机 技术 的 基 
本 规律 。 为 了 使 读者 能 够 在 比较 愉悦 的 状态 下 顺利 地 掌握 APNET 网 站 开发 技术 , 本 书 在 
精心 构建 知识 体系 的 同时 , 各 章节 采用 见 名 知 意 的 方法 进行 命名 , 以 使 读者 最 直观 地 了 
解 章节 的 核心 作用 。 每 个 新 知识 点 的 开始 , 都 是 通过 问题 索引 , 将 理论 与 实践 密切 结 
合 , 易于 学 习 、 掌 握 和 运用 。 

规范 应 该 是 开发 者 从 开始 学 习 时 就 应 养 成 的 良好 编程 习惯 , 但 很 多 人 往往 忽视 了 这 
一 点 , 只 将 关注 的 重心 放 在 技术 点 上 , 结果 反而 制约 了 技术 能 力 的 发 挥 。 因为 在 实际 开 
发 工作 中 , 不 论 是 团队 开发 , 还 是 产品 开发 , 要 求 都 是 统一 规范 的 , 如 果 到 那 时 再 培养 自 
己 的 规范 习惯 就 欲 速 则 不 达 了 。 本 书 并 没有 刻意 去 介绍 编程 规范 , 而 是 将 其 融入 到 每 一 
个 实例 中 , 使 读者 在 学 习 完 成 时 , 自然 而 然 就 感知 并 强化 了 良好 的 编程 规范 习惯 。 

本 书 讲解 的 是 APINET 35 版 本 , 采用 人 # 作 为 后 合 编程 语言 , 这 是 微软 专 为 .ET 系统 量 身 
定做 的 语言 , 越 来 越 多 的 .ET 开发 者 选择 了 (GH 语言。 如 果 读 者 已 经 掌握 了 \B、OC++ 或 者 
daa 语言, 那么 (就 理解 几乎 七 八成 了 。 本 书 第 4 章 还 会 对 Gy 作 简单 介绍 。 

本 书 案例 的 开发 工具 为 Mioceoft Viaal Sudio 2008 Team Suite, 可 以 从 微软 网 站 下 载 到 其 0 
天 的 试用 版 , 使 用 完全 免费 的 Mioosoft Viaal Nb Daeloper 2008 速成 版 也 可 以 。 

全 书 共 分 17 章 , 相关 知识 点 包括 : 动态 网 站 开发 入 门 、 WIM 和 GSS、(# 语 言 基 础 、 基 
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本 控件 的 使 用 、 ML、 站 点 导航 控件 、 应 用 程序 配置 、 主 题 与 母 版 页 、 常 用 内 置 对 象 、 身份 
验证 技术 、 数据库 基础 与 QL、ADONET 操 作 数据 库 、 数 据 绑 定 技术 , 以 及 编程 对 数据 控件 进 
行 高 级 处 理 。 最 后 , 通过 一 个 综合 实例 简捷 动态 网 站 ”演示 了 如 何 运用 所 学 知识 开发 
出 一 个 真正 的 动态 网 站 。 

本 书 在 编写 中 , 得 到 国内 知名 互联 网 应 用 服务 提供 商 上 海 快 网 网 络 信息 技术 有 限 公 
司 的 大 力 支持 与 帮助 , 在 此 表示 衷心 的 感谢 。 
因 水 平 与 时 间 所 限 , 书 中 难免 存在 不 足 之 处 , 欢迎 读者 批评 指正 。 若 联 系 作者 请 发 
邮件 至 bodkSpport@ yeshr 尼 或 登录 httpywwqbanret。 
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什么 样 的 网 站 算是 动态 网 站 ? 什么 样 的 网 站 算是 静态 网 站 ? 在 当今 互联 网 上 这 两 类 
网 站 并 存 的 情况 下 ,选择 开发 动态 网 站 会 带 来 什么 样 的 好 处 ?本章 将 通过 实例 对 网 站 基 
础 知识 做 一 个 简单 的 介绍 。 


1.1 网 站 的 静态 与 动态 


-个 网 站 由 许多 个 网 页 组 成 ,这 个 网 站 是 静态 的 还 是 动态 的 ,可 以 通过 其 中 的 网 页 来 
大 致 做 个 判断 。 首 先 看 一 个 静态 网 站 的 例子 ,如 图 1-1 所 示 


地 址 栏 om 


图 1-1 静态 网 站 示例 


通过 查看 各 网 页 的 扩展 名 是 否 是 htm 或 html, 可 以 大 致 判断 这 是 一 个 静态 网 站 还 是 
动态 网 站 : 

(1) 地 址 栏 中 可 以 看 到 该 网 站 当前 的 网 页 文件 名 为 garden. html ,扩展 名 是 html。 

(2) 在 将 鼠标 悬 放 到 网 页 中 的 某 些 超 链 接 时 ,状态 栏 中 会 显示 跳 转 的 目标 网 页 ,如 
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othergarden. htm ,其 扩展 名 是 htm。 而 且 , 扩 展 名 的 后 面 不 带 “?” 等 参数 。 

(3) 网 站 每 一 个 页 面 的 名 字 都 有 明确 含义 ,或 者 该 页 面 存放 在 有 明确 含义 名 字 的 目 
录 下 。 如 “更 新 记录 ”网 页 命名 为 news. htm, “少女 漫画 "网 页 存放 在 girl 目录 下 。 显 然 ， 
该 网 站 下 若 共有 N 个 网 页 , 则 该 网 站 的 设计 者 就 需 手 工 一 一 为 这 个 网 页 命名 。 

下 面 再 看 一 个 动态 网 站 的 例子 ,如 图 1-2 所 示 。 
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图 1-2 动态 网 站 示例 


这 个 网 站 有 以 下 几 个 待 征 : 

(1) 网 站 首页 包括 了 “用 户 登录 ”“ 内 容 搜索 "等 功能 模块 。 

(2) 地 址 栏 中 可 以 看 到 该 网 站 当前 的 网 页 文件 名 为 default. aspx ,扩展 名 是 aspx。 

(3) 鼠标 悬 放 到 超 链 接 后 ,从 浏览 器 的 状态 栏 可 以 看 到 跳 转 网 页 Detail. aspx ,扩展 名 是 
aspx( 后 面 的 “?tbno =202&id =c55e902c-4b37-4c77-8544-348d96cbbe78" 是 传递 的 参数 ) 。 

以 上 所 体现 的 信息 已 足够 表明 ,这 个 网 站 就 是 一 个 动态 网 站 ,而 且 是 使 用 ASP. NET 
技术 开发 的 。 

由 于 目前 流行 的 开发 动态 网 站 技术 除了 ASP. NET 外 ,还 有 JSP、PHP、ASP 等 几 种 ， 
所 以 , 若 在 一 个 网 站 中 查看 到 的 各 网 页 扩展 名 不 是 aspx ,而 是 jsp .php ,asp 中 的 某 个 ,也 说 
明 它 是 动态 网 站 ,只 不 过 是 由 另外 的 几 种 技术 开发 的 而 已 。 

静态 网 站 和 动态 网 站 两 者 都 可 以 为 用 户 提供 信息 内 容 , 但 是 动态 网 站 功能 更 加 强大 ， 
尽管 开发 技术 要 求 高 ,但 已 成 为 当前 互联 网 网 站 开发 的 主流 。 

需要 说 明 的 是 ,一 个 网 站 制作 得 是 否 精美 与 它 是 静态 网 站 还 是 动态 网 站 是 两 回 事 。 


1.2 网 站 的 静态 与 动态 之 别 


单纯 使 用 静态 网 页 技术 建设 网 站 ,在 早期 较为 流行 ,虽然 网 页 中 包括 有 文字 和 图 片 ， 
但 是 只 要 不 改变 设计 ,网 页 的 显示 信息 是 不 会 变化 的 。 对 静态 网 站 中 网 页 (也 称 静 态 网 


页 ) 的 访问 过 程 如 图 1-3 所 示 。 


1. 访问 Web 服 务 器 中 静态 网 页 


2. 向 客户 端 送 回 被 申请 的 静态 网 页 
图 1-3 静态 网 页 的 访问 过 程 


(1) 客户 端 通过 浏览 器 访问 Web 服务 器 中 静态 网 页 。 

(2) 服务 器 向 客户 端 送 回 被 申请 的 页 面 。 

(3) 在 客户 端 下 载 并 在 浏览 器 上 显示 页 面 。 

(4) 断 开 客户 端 与 服务 器 之 间 的 联系 。 

整个 过 程 比较 简单 ,到 客户 端 下 载 完 页 面 时 为 止 ,整个 过 程 就 结束 了 。 客 户 端 接 收 到 
的 网 页 内 容 与 服务 器 上 存放 的 网 页 内 容 是 完全 一 致 的 。 这 一 点 ,可 以 通过 先 制作 一 个 普 
通 的 静态 网 页 发 布 在 服务 器 上 ,然后 使 用 自己 的 浏览 器 访问 它 ,并 通过 浏览 器 的 【查看 】1 
【 源 文件 功能 来 核对 。 

用 于 发 布 静 态 网 页 的 网 站 设计 一 般 比较 简单 ,适用 于 发 布 信息 量 比较 少 ,内 容 更 新 也 
比较 缓慢 ,客户 浏览 的 要 求 不 高 的 网 站 。 药 态 网 页 文件 的 扩展 名 一 般 为 htm 或 html。 

随 着 因特网 应 用 领域 的 扩展 ,各 种 不 同类 型 的 客户 加 入 到 网 络 中 来 ,不 少 客户 很 快 就 
提出 了 新 的 要 求 , 例 如 ,A 客户 提出 ,能 不 能 代 我 查阅 一 下 自己 银行 存款 的 情况 ?要 满足 
类 似 这 样 的 需求 ,服务 器 的 工作 就 不 那么 简单 了 。 它 首先 要 接收 该 用 户 提交 的 用 户 账号 ， 
然后 查阅 他 的 银行 账户 ,进行 必要 的 计算 和 统计 ,再 将 结果 反馈 给 A 客户 。 这 就 是 说 , 服 
务 器 上 的 网 页 要 具有 交互 性 ,获取 该 用 户 需求 后 , 先 执行 相关 的 程序 ,进行 处 理 后 再 生成 
一 个 只 针对 该 用 户 的 结果 网 页 然后 再 返回 。 若 还 有 另 一 个 B 客户 也 提出 了 同样 的 请 求 ， 
则 生成 针对 B 客户 的 结果 网 页 并 返回 。 


人 ak 一 ,类 似 的 请 求 会 很 多 , 若 使 用 静态 网 站 的 开发 技术 来 做 工作 量 太 大 ,实时 


性 也 无 从 谈 起 。 总 不 能 把 全 部 客户 可 能 请 求 的 一 切 结果 先 制作 成 独立 的 各 个 静态 网 页 放 
在 服务 器 上 备用 吧 。 

再 比如 用 户 登录 的 处 理 , 信 息 搜索 的 处 理 , 论 坛 .博客 等 ,都 需要 针对 各 用 户 具 体 的 请 
求 结果 进 行 下 一 步 的 处 理 。 这 用 静态 网 页 是 无 法 做 到 的 ,解决 的 办 法 是 制作 一 个 “以 不 
变 应 万 变 " 的 网 页 来 自动 处 理 这 种 请 求 。 这 个 “ 变 " 就 需要 通过 在 网 页 里 添加 程序 来 
完成 。 

类 似 的 这 种 最 终 输 出 内 容 将 随 程 序 执行 的 结果 而 有 所 不 同 的 网 页 被 称 为 “动态 网 
页 ” ,访问 动态 网 页 的 过 程 如 图 1-4 所 示 。 
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1. 访问 Web 服 务 器 中 动态 网 页 


处 理 后 的 网 页 信息 


客户 端 | 3. 向 客户 端 送 回 处 理 后 的 网 页 信息 | 
图 1-4 动态 网 页 的 访问 过 程 


(1) 客户 端 通过 浏览 器 访问 Web 服务 器 中 动态 网 页 。 

(2) 服务 器 接收 请 求 , 开 始 处 理 此 动态 网 页 上 的 程序 代码 。 

(3) 将 代码 的 处 理 结果 形成 新 的 网 页 信息 向 客户 端 送出 。 

(4) 在 客户 端 下载 并 在 浏览 器 上 显示 网 页 。 

(5) 服务 器 断 开 与 客户 的 联系 。 

与 静态 网 页 相 比 ,动态 网 页 在 处 理 上 多 了 一 个 处 理 程序 代码 的 过 程 。 因 此 ,最 后 客户 
端 接收 到 的 网 页 内 容 与 服务 器 上 存放 的 网 页 内 容 是 不 一 致 的 。 

例如 ,服务 器 上 存放 了 一 个 动态 网 页 ,内 容 是 根据 当前 时 间 输 出 上 午 好 或 者 下 午 好 。 
客户 端的 浏览 器 车 在 上 午 9 点 钟 和 下 午 3 点 钟 分 别 访问 该 网 页 ,得 到 的 显示 结果 是 不 相 
同 的 ,如 图 1-5 所 示 。 


判断 (当前 时 间 小 于 12 点 钟 吗 9) 
若是 : 上 午 好 


上 午 9 点 钟 


服 ; | 二 输出 上 午 好 客 
| ， 
务 下 端 
六 输出 下 午 好 蕴 
br 浏 
多 (a) 浏览 器 上 午 9 点 钟 访问 该 动态 网 页 结果 显示 “上 午 好 ” 委 
简 | 判断 (当前 时 间 小 于 12 点 钟 吗 人 攻 
上 和 好 下 午 3 点 钟 。。 | 下 午 好 所 
否则 : 
输出 下 午 好 


(b) 浏览 器 下 午 3 点 钟 访问 同一 动态 网 页 结果 显示 “下 午 好 ” 
图 1-5 浏览 器 不 同时 段 访问 同一 个 动态 网 页 


1.3 开发 动态 网 站 的 几 种 主流 技术 


1.1 节 中 已 经 谈 到 ,开发 动态 网 站 的 主流 技术 除了 ASP. NET 外 ,还 有 ASP PHP JSP 
开发 技术 ,下 面 对 四 者 的 特点 简单 加 以 对 比 。 


_ 第 1 章 什么 是 动态 网 站 从 


1. ASP 


ASP(Active Server Pages ) 由 微软 公司 于 1996 年 推出 ,采用 脚本 语言 VBScript 或 
JavaScript 作为 开发 语言 ,简单 易学 ,现今 仍 在 动态 网 页 开发 领域 占据 很 高 份额 。 该 类 网 
页 文件 的 扩展 名 一 般 为 asp。 


2. PHP 


超 文本 预 处 理 器 ( Hypertext Preprocessor, PHP) 由 Rasmus Lerdorf 于 1994 年 提出 来 ， 
是 一 种 开放 的 、 跨 平台 的 服务 器 端 诅 入 式 脚 本 语言 ,其 大 量 借用 C、Java 和 perl 语言 的 语 
法 ,并 且 完 全 免费 ,可 以 直接 从 PHP 官方 站 点 自由 下 载 。 该 类 网 页 文件 扩展 名 一 般 
为 php。 


3. JSP 


JSP( Java Server Page) 是 Sun 公司 1999 年 推出 的 开发 技术 ,借助 在 Java 上 的 不 凡 造 
诈 , 在 执行 效率 安全 性 和 跨 平台 性 方面 均 有 着 出 色 的 表现 。 网 页 文件 扩展 名 一 般 为 jsp。 


4. 新 一 代 的 ASP. NET 


虽然 微软 公司 借助 ASP 获得 了 Web 开发 领域 的 巨大 成 功 ,但 是 受到 了 PHP .JSP 的 
严峻 挑战 。2000 年 ,微软 公司 推出 了 全 新 的 ASP. NET 开发 技术 。 

ASP. NET 是 建立 在 . NET 框架 平台 上 的 完全 面向 对 象 的 系统 ,是 在 借鉴 了 JSP 的 诸 
多 优点 后 推出 的 ,这 样 ASP. NET 就 具有 后 发 优势 。 

ASP. NET 不 再 采用 解释 型 的 脚本 语言 ,而 是 采用 编译 型 的 程序 语言 , 如 C#、 
VB. NET 等 ,执行 速度 加 快 了 许多 (大 约 比 ASP 效率 高 3 倍 ) 。 并 且 ASP. NET 可 以 把 网 
页 的 内 容 与 程序 代码 分 开 , 即 Code-Behind( 代码 隐藏 ) 技术 ,这 样 可 以 使 得 页 面 的 编码 井 
井 有 条 ,便于 协作 开发 和 功能 的 重复 使 用 等 ,一 系列 的 新 特性 都 让 ASP. NET 获得 了 更 高 
的 开发 效率 、 更 优秀 的 使 用 效果 。 该 类 网 页 文件 的 扩展 名 一 般 为 aspx。 


1.4 ASP.NET 开发 环境 和 平台 


运行 ASP. NET 网 站 前 ,需要 先 安装 . NET 应 用 程序 框架 。. NET 框架 是 一 个 多 语言 
组 件 开发 和 执行 环境 ,可 以 从 微软 网 站 下 载 安装 ,地 址 如 下 : 
httbp://downlcad. microsoft. cadownloacsyV6/O/f/60fc/5854 — 3db8 — 4892 - b6db - bdafM2510f28/ 
btnet fx35 .exe 
或 使 用 百度 等 搜索 ,关键 字 为 Microsoft . NET Framework 3.5。 
有 了 . NET 框架 的 支持 ,一 些 单 靠 应 用 程序 设计 很 难 解决 的 问题 都 可 以 迎刃而解 。 
.NET 框架 这 个 平台 给 网 站 提供 了 全 方位 的 支持 ,这 些 支持 包括 : 
(1) 强大 的 类 库 。 利 用 类 库 中 的 类 可 以 生成 对 象 组 装 程序 ,以 实现 快速 开发 ,快速 部 
署 的 目的 。 
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(2) 多 方面 服务 的 支持 。 如 智能 输出 (对 不 同类 型 的 客户 自动 输出 不 同类 型 的 代 
码 ) .内存 的 碎片 自动 回收 线程 管理 .异常 处 理 等 。 
(3) 允许 利用 多 种 语言 对 应 用 进行 开发 。 
(4) 跨 平台 的 能 力 。 
(5) 充分 的 安全 保障 能 力 。 
如 果 作 为 网 站 开发 者 ,需要 在 本 机 开发 ASP. NET 网 站 ,虽然 开发 工具 选择 余地 颇 
多 ,最 佳 的 莫 过 于 微软 同步 推出 的 集成 化 编程 软件 Microsoft Visual Studio ,在 该 环境 下 开 
发 ASP.NET ,更 如 行云流水 一 般 。Visual Studio 2008 可 以 从 微软 公司 网 站 下 载 ,地 址 是 
httbp:/ww. microsoft. cauydownloads/details. aspx? familyid = D9559807 - PRR6E - 4F24 - 82E3 — 
81570C5384CBsdisplaylang= zh- a 
由 于 Microsoft Visual Studio 内 部 已 集成 安装 了 . NET 框架 ,所 以 本 机 车 已 经 安装 了 
Microsoft Visual Studio, 可 不 必 再 单独 安装 . NET 框架 。 本 书 全 部 示例 均 以 Microsoft 
Visual Studio 为 开发 平台 。 
Framework 一 一 框架 ,是 开发 人 员 对 编程 语言 命令 集 的 称呼 。 NET 应 用 程序 框架 
(Microsoft . NET Framework ) 是 一 个 多 语言 组 件 开发 


和 执行 的 环境 ,意义 就 在 于 只 用 统一 的 命令 集 支 持 任 程序 设计 语言 
何 的 编程 语言 。 无 论 开 发 人 员 使 用 的 是 C# 作 为 编程 CYBNET CNET WW ) 
语言 还 是 使 用 VB. NET 作为 开发 语言 ,都 能 够 基于 应 用 程序 平台 
.NET 应 用 程序 框架 而 运行 。. NET 应 用 程序 框架 主要 LASPNET Windows 应 用 程序 … ) 
包括 4 个 部 分 ,分 别 为 公共 语言 运行 时 ,统一 的 编程 类 美 库 
库 ,应 用 程序 平台 和 程序 设计 语言 。 

.NET 框架 的 层次 结构 如 图 1-6 所 示 。 公共 语言 运行 时 (CLR) 


图 1-6 .NET 框架 的 层次 结构 

1. .NET 框架 使 用 的 语言 

在 .NET 框架 上 可 以 运行 多 种 程序 设计 语言 ,这 是 . NET 的 一 大 优点 ,目前 已 经 有 
C#.VB .NET C++ .NET ]#\Jscript . NET 等 ,由 于 多 种 语言 都 运行 在 . NET 框架 之 中 ， 
因此 尽管 语法 有 区 别 , 但 它们 的 功能 都 基本 相同 ,应 用 程序 开发 者 更 便于 选择 自己 习惯 或 
爱好 的 语言 进行 开发 。 

C# 是 为 . NET 框架 “量体裁衣 "新 开发 出 来 的 语言 ,非常 简练 和 安全 ,最 适 于 在 . NET 
框架 中 使 用 。 本 书 的 示例 都 是 用 C# 编 写 的 ,并 在 第 4 章 对 C# 的 常用 语法 进行 了 必要 的 
讲解 。 

六 Asp NET 并 不 是 一 门 编程 语言 , 它 只 是 一 个 支持 动态 网 站 运行 的 环境 一 个 应 
用 程序 平台 。 在 开发 中 ,要 选择 一 门 . NET 的 程序 设计 语言 来 编写 ,如 C# 或 VB. NET 等 。 

2. 类 库 


.NET 框架 的 另 一 个 主要 组 成 部 分 是 类 库 , 包 括 数 千 个 可 重用 的 “类 ”。 各 种 不 同 的 
开发 语言 都 可 以 调用 它 来 开发 应 用 程序 功能 。 为 了 便于 调用 ,再 将 * 类 "按照 功能 分 组 ， 


关系 。 


公共 语言 运行 时 (Common Language Runtime ,CLR ) 也 称 公 共 语 言 运行 环境 ,相当 于 
Java 体系 中 的 “虚拟 机 ”, 它 是 . NET 框架 的 核 
心 ,提供 了 程序 运行 时 的 内 存 管理 .垃圾 自动 回 .NET 应 用 程序 
收 、 线 程 管理 和 远程 处 理 以 及 其 他 系统 服务 项 人 
目 。 同 时 , 它 还 能 监视 程序 的 运行 ,进行 严格 的 
安全 检查 和 维护 工作 ,以 确保 程序 运行 的 安全 、 
可 靠 以 及 其 他 形式 的 代码 的 准确 性 。 

任何 一 个 操作 系统 平台 ,只 要 能 被 CLR 支持 
(目前 仅 支持 Windows 平台 ) , 则 意味 着 . NET 应 
用 程序 就 可 以 在 此 平台 上 运行 ,实现 跨 平台 的 意图 二 -7 公共 请 言 返 行 时 在 跨 平 
义 ,如 图 1-7 所 示 。 全 中 的 作用 


4. 二 次 编译 


一 直 以 来 ,效率 和 跨 平 台 是 相 了 矛盾 的 。 在 某 平台 下 “编译 ”的 应 用 程序 虽然 执行 效率 
高 ,但 只 能 被 本 平台 识别 运行 ,不 能 在 其 他 平台 运行 (因为 最 终生 成 的 文件 是 针对 具体 操 
作 系 统 的 机 器 代码 ) 。 而 采用 “解释 "的 方式 逐条 执行 ,虽然 容易 做 到 跨 平 台 使 用 ,但 是 效 
率 却 又 变 低 了 。 如 何 能 够 做 到 既 能 跨 平台 ,又 能 高 效率 执行 ? 

.NET 通过 “二 次 编译 ”的 方式 解决 了 这 个 问题 , 即 源 程序 代码 先 经 过 “ 预 编译 "转换 
为 中 间 语 言 代 码 ( Intermediate Language ,IL 或 MSIL, 即 俗称 的 * 伪 代码 ” ) 备 存 ,直到 在 某 
个 平台 执行 时 再 继续 通过 安装 在 该 平台 的 转换 引擎 “实时 编译 ”为 本 平台 的 机 器 代码 
运行 。 

这 样 ,各 类 平台 只 要 装 上 对 应 的 能 提供 “实时 编译 ”的 转换 引擎 ( CLR 提供 此 功能 ) ， 
就 可 以 将 其 转换 为 本 平台 需要 的 机 器 代码 运行 ,实现 跨 平 台 效 果 。 

由 于 经 预 编译 后 的 中 间 代 码 已 经 与 二 进 制 代 码 非 常 接近 了 ,因此 ,“ 实 时 编译 "的 速 
度 也 很 快 。 

.NET 语言 转换 的 过 程 如 图 1-8 所 示 。 
预 编译 


公共 语言 运行 时 (CLR) 


实时 编译 


源 代码 (code) 中 间 代 码 (MSIL) 


机 器 代码 


图 1-8 从 源 代 码 到 机 器 代码 的 转换 过 程 


“二 次 编译 "实际 上 是 以 牺牲 第 一 次 执行 的 效率 为 代价 来 换取 程序 整体 执行 效率 的 
提高 。 所 以 , 当 一 个 ASP. NET 程序 首次 编译 执行 时 , 它 的 执行 速度 会 很 慢 ( 在 实际 中 往 
往 由 开发 人 员 进 行 首次 运行 ) ,但 以 后 每 次 运行 速度 就 非常 快 了 。 
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本 章 小 结 


动态 网 页 开发 技术 是 今后 网 站 建设 的 趋势 ,而 ASP. NET 是 一 个 完全 面向 对 象 的 强 
大 的 动态 网 页 开发 技术 。 与 . NET 框架 完全 结合 是 它 最 大 的 特点 ,借助 . NET 框架 庞大 的 
类 库 和 完善 的 服务 ,可 以 快速 创建 出 功能 强大 .运行 可 靠 的 网 站 。 

在 ASP. NET 开发 中 可 以 使 用 多 种 语言 ,C# 是 为 . NET 框架 “量体裁衣 ”新 开发 出 来 
的 语言 ,非常 简练 和 安全 ,非常 适合 在 . NET 框架 中 使 用 。 

了 解 .NET 框架 的 基本 概念 能 够 提高 未 来 开发 应 用 程序 的 适用 性 和 健壮 性 。 虽 然 在 
初学 ASP. NET 时 会 觉得 比较 抽象 ,但 随 着 后 面 的 开发 学 习 会 逐渐 清晰 起 来 。 


习题 

1. 填空 题 

(1) .NET 框架 由 和 4 部 分 组 成 。 

(2). NET 框架 中 包括 一 个 庞大 的 类 库 。 为 了 便于 调用 ,将 其 中 的 “类 "按照 
_ 进行 逻辑 分 区 。 

(3) 实现 交互 式 网 页 需要 采用 技术 ,至 今 已 有 多 种 实现 交互 式 网 页 的 方法 ， 
如 5 等 。 

2. 选择 题 

(1) 静态 网 页 文件 的 扩展 名 是 ( ) 。 

A. asp B. aspx C. htm D. jsp 


(2) 在 ASP. NET 中 源 程序 代码 先 被 生成 中 间 代 码 (IL 或 MSIL) , 待 执行 时 再 转换 
为 CPU 所 能 识别 的 机 器 代码 ,其 主要 目的 是 满足 ( ) 的 需要 。 


A. 提高 效率 B. 保证 安全 C. 程序 跨 平台 ” D. 易 识别 
3. 判断 题 
(1) 和 ASP 一 样 ,ASP.NET 也 是 一 种 基于 面向 对 象 的 系统 。 ( ) 
(2) 在 ASP. NET 中 能 够 运行 的 程序 语言 只 有 5 种 。 ( ) 
4. 简 答 题 


(1) 静态 网 页 与 动态 网 页 在 运行 时 的 最 大 区 别 在 哪里 ? 
(2) 简 述 . NET 框架 中 CLR 的 作用 。 
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从 无 到 有 ,一 个 简单 的 动态 网 站 从 开发 到 发 布 到 互联 网 上 ,让 全 球 人 都 能 浏览 ,大 致 
需要 4 个 步骤 , 即 申请 域名 和 空间 一 网 站 设计 与 制作 一 预 编译 网 站 一 网 站 上 传 发 布 ,最 
后 ,用 户 就 可 以 浏览 到 了 。 本 章 将 带领 大 家 依 上 述 步 骤 制 作 并 发 布 一 个 简单 的 ASP. NET 
网 站 。 以 便 读者 从 总 体 上 把 握 动态 网 站 开发 的 基本 流程 ,并 掌握 一 些 基础 知识 和 相关 工 
具 的 基本 使 用 方法 。 


2.1 开发 ASP. NET 网 站 的 步骤 和 前 期 准备 


ASP.NET 动态 网 站 的 开发 ,与 普通 的 静态 网 站 相 比 , 除 了 在 上 传 网 站 前 增加 了 一 个 
“ 预 编译 ”的 环节 ,其 他 方面 比较 相近 ,步骤 和 所 需 条 件 如 图 2-1 所 示 。 


申请 的 网 站 空间 需要 支 提 
ASP.NET 3.5 


使 用 Microsoft Visual 
Studio 2008 处 理 
预 编译 网 站 
第 三 方 FTP 
C, 网 站 上 传 发 布 软件 ，FlashFXP， 


图 2-1 ASP.NET 动态 网 站 开发 步骤 和 所 需 条 件 


申请 域名 和 空间 


网 站 设计 


C 


下 面 的 小 节 将 分 别 介绍 各 步骤 的 相关 知识 和 操作 方法 。 操 作 方 法 中 的 示例 为 一 个 整 
体 ,用 户 按 步骤 完成 后 ,可 实际 在 互联 网 上 浏览 。 


2.2 创建 一 个 简单 的 ASP. NET 应 用 程序 


2.2.1 完成 后 的 效果 


这 是 一 个 “欢迎 来 访 者 ”的 ASP. NET 动态 网 站 ,只 包含 了 一 个 网 页 ,名称 为 Default 
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.aspx。 浏 览 者 打开 该 网 页 后 ,在 文本 框 内 填 人 自己 的 姓名 ,如 * 李 小 莉 ”, 单 击 [ 欢 迎 ] 按 
钮 后 ,网 页 会 显示 “ 李 小 莉 是 你 吗 , 见 到 你 太 高 兴 了 !1” ,效果 如 图 2-2 所 示 。 


文件 四 ”编辑 EE) 查看 WD 收 京 &) 工具 QD) 帮助 
GQ 9. 国 国 六 | 去 自 j 合 -名 团 -加 KK 


地 址 加 ) | 图 http: /fuplosdnet_ host170. 9free. net/default. aspx 


李 小 草 是 你 吗 ， 见 到 你 太 高 兴 了 ! [到 和 而 


图 2-2 示例 网 页 


2.2.2 ”申请 域名 和 空间 


由 于 本 书 使 用 ASP. NET 3.5 来 开发 动态 网 站 ,所 以 申请 的 网 站 空间 就 必须 要 支持 
ASP. NET 3.5 版 本 ,这 一 点 与 静态 网 站 不 同 (静态 网 站 放 在 任何 网 站 空间 都 会 被 支持 ) 。 
所 以 申请 时 要 注意 提供 商 的 产品 列表 , 它 会 明确 标示 空间 容量 和 支持 的 网 站 类 型 。 

“申请 域名 和 空间 ”这 一 环节 可 以 与 虚拟 主机 提供 商 联系 购买 ,目前 开展 这 项 业务 的 
网 络 公司 有 很 多 ,价格 和 服务 质量 差别 比较 大 (价格 便宜 的 一 年 不 到 200 元 ) ,国内 知名 
网 络 公 司 中 ,上海 快 网 http://www. kuaiwang. com"” 的 性 价 比 相对 较 高 ,而 且 还 提供 了 
免费 试用 服务 ( 如果 要 了 解 还 有 哪些 公司 提供 了 ASP. NET 3.5 主机 试用 服务 ,可 通过 百 
度 搜 索 , 搜 索 关 键 字 为 “虚拟 主机 asp. net 3.5 试用 ” ) 。 


(D 庶 所 主 机 是 比 俗称 的 网 页 空间 更 高 级 的 一 种 服务 , 它 使 用 特殊 的 软 硬 件 技术 ,把 


一 台 运行 在 因特网 上 的 服务 器 主机 分 成 一 台 台 “虚拟 "的 主机 ,每 一 台 虚 拟 主机 都 具有 独 
立 的 域名 ,具有 完整 的 Internet 服务 器 (WWW 、FTP ,E-mail 等 ) 功能 ,虚拟 主机 之 间 完 全 
独立 ,并 可 由 用 户 自 行 管理 。 

在 外 界 看 来 ,每 一 台 虚 拟 主 机 和 一 台独 立 的 主机 完全 一 样 ,但 由 于 多 台 虚 拟 主 机 共享 
一 台 真 实 主机 的 硬件 资源 ,所 以 每 个 虚拟 主机 用 户 承受 的 费用 均 大 幅度 降低 。 

目前 ,许多 企业 建设 网 站 采用 了 这 种 方式 ,不 仅 节省 费用 ,同时 也 不 必 为 维护 服务 器 
担心 ,因为 这 些 工作 都 由 虚拟 主机 提供 商 来 处 理 了 。 

下 面 就 以 “< 上海 快 网 ”为 例 进 行 申请 试用 ( 待 晶 后 网 站 功能 完善 后 可 以 考虑 购买 正式 


虚拟 主机 ) 。 
(1) 在 浏览 器 内 输入 网 址 “http://www. kuaiwang. com” ,进入 “上 海 快 网 ”网 站 
首页 。 


(2) 单 击 网 页 上 方 的 [免费 注册 ] 按 钮 进入 用 户 注册 页 面 。 填 写 “ 登 录 账 号 ”"“ 登录 
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密码 "等 必要 信息 ,然后 单 击 [ 确认 注册 】 按钮 完成 注册 。 之 后 单 击 [ 返 回 】 按钮 回 到 网 站 
首页 ,然后 单 击 [请 登录 ] 按 钮 ,使 用 刚才 注册 的 账号 进行 登录 。 

(3) 登录 成 功 后 ,将 进入 会 员 的 管理 页 面 ,选择 [产品 购买 ] 中 的 [购买 主机 】。 

(4) 选择 订购 “ .net3.5 专用 主机 ” ,填写 上 传 网 站 文件 用 的 上 传 账号 和 密码 等 信息 ， 
并 选择 开通 方式 为 “试用 3 天 ”, 然 后 单 击 【完成 ,注册 到 下 一 步 !] 按钮 ,系统 即 自动 创建 
用 户 的 虚拟 主机 (依照 提示 ,略微 等 待 ,此 时 不 要 刷新 浏览 器 ) 。 创 建 完成 后 ,将 显示 “ 虚 
拟 主机 购买 结果 ”页面 。 其 中 提供 了 3 个 关键 信息 ( 记 下 它们 ) , 即 [ 上 传 地 址 】 【上 传 账 


号 】 【上 传 密码 ] ,如 图 2-3 所 示 。 
在 执 主 机 购买 结果 
主机 种 类 net3.5 专用 主机 ( net35 ) 
主机 名 称 uploadnet 
上 传 地 址 222.73.231.170( 建议 使 用 域名 作为 地 址 ,便于 记忆 》 
上 传 账号 uploadnet 
上 传 密码 abcd1234《 本 系统 独 有 的 各 项 管理 也 基于 此 密码 ) 
管理 地 址 《 注册 会 员 可 以 在 本 系统 直接 管理 ) 
购买 方式 试用 3 天 满意 后 付款 
购买 WRPR 1 年 
购买 结果 提交 成 功 ， 
现在 管理 现在 管理 我 的 虚拟 主机 
付款 方式 点 击 此 处 查看 付款 方式 


图 2-3 虚拟 主机 购买 结果 


(5) 单 击 [ 现 在 管理 我 的 虚拟 主机 】 链 接 ,可 查看 到 浏览 本 主机 的 网 站 所 用 的 三 级 域 
名 ,如 uploadnet. hostl70. 9free. net。 网 站 上 传 后 ,可 通过 这 个 域名 浏览 。 


2.2.3 网 站 设计 与 制作 


推荐 使 用 Microsoft Visual Studio 2008( 简称 为 VS 2008) 开发 ASP. NET 动态 网 站 ， 
它 为 开发 者 提供 了 一 个 所 见 即 所 得 的 集成 开发 环境 ,并 在 人 机 交互 的 设计 理念 上 更 加 完 
善 。 使 用 Microsoft Visual Studio 2008 开发 环境 进行 应 用 程序 开发 能 够 极 大 地 提高 开发 
效率 ,实现 各 种 复杂 的 编程 应 用 。 


1. Microsoft Visual Studio 2008 的 安装 与 使 用 


在 安装 Visual Studio 2008 之 前 ,首先 确保 正 浏览 器 版 本 为 6. 0 或 更 高 ,其 他 计算 机 
配置 要 求 如 下 所 示 。 

。 支持 的 操作 系统 : Windows Server 2003; Windows Vista; Windows XP。 

。 最 低 配 置 : 1.6 GHz CPU ,384 MB 内 存 ,1024 x768 显示 分 辨 率 ,5400r/min 硬盘 。 

。 在 Windows Vista 上 运行 的 配置 要 求 : 2.4 GHz CPU,768 MB 内 存 。 

当 开发 计算 机 满足 以 上 条 件 后 就 能 够 安装 了 ,过 程 非常 简单 。 
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(1) 单 击 Visual Studio 2008 安装 光盘 中 的 Setup. exe 进入 安装 程序 ,如 图 2-4 
所 示 。 


温 Yisual Studio 2008 安装 程序 


Se Visual Studio 2008 安 : 


[查看 自述 文件 W 


图 2-4 Visual Studio 2008 安装 界面 


(2) 单 击 [ 安 装 Visual Studio 2008 ] 链接 进行 Microsoft Visual Studio 2008 的 安装 。 
安装 程序 首先 会 加 载 安装 组 件 ,这 些 组 件 为 Visual Studio 2008 的 顺利 安装 提供 了 基础 保 
障 ,耐心 等 待 即 可 。 

(3) 在 安装 组 件 加 载 完毕 后 , 单 击 [下 一 步 ] 按 钮 进行 Visual Studio 2008 安装 路 径 和 
安装 功能 的 选择 ,直接 依照 默认 即 可 ,如 图 2-5 所 示 。 


有 Wicrosoft Visnal Stndin 2008 安 将 栏 邦 - 选项 页 司 回 , 


3 Visual Studio Team System 2008 2 


连 骨 要 安装 的 功能 (5): 2 圳 这 村 


回 蛙 认 从 7 
家 ME 肌 友 此 沁 产 品 县 间 用 的 功能 。 


Oe 
安 二 产品 所 有 功能 


时 TE 


日 定 又 
达 搬 委 包 括 在 产品 中 以 及 要 从 产品 中 淹 队 
[3 


图 2-5 选择 Visual Studio 2008 安装 路 径 和 安装 功能 


(国共 只 使用 C# 进 行 ASP. NET 的 开发 ,可 以 单 击 [选择 要 安装 的 功能 ] 选 项 中 的 [ 自 
定义 ] ,取消 [语言 工具 】 中 的 Visual Basic 和 Visual C ++ 的 选择 ,以 节省 磁盘 空间 。 
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(4) 单 击 [安装 ] 按 钮 进行 Visual Studio 2008 的 安装 ,如 图 2-6 所 示 。 


局 于 croscft Visual Studi。2008 安装 程序 -安装 页 


3w VisualSstudioTeam System 20 


生成 出 色 的 icrosoft 

Office systen 应 用 程序 

。 面向 2007 0ffice systen 的 广泛 支持 

。 适用 于 主要 0ffics VI 元 素 (例如 功能 区 、 自 定义 任务 官 格 
和 军人 区 域 ) 的 全 新 可 视 化 设计 器 

。 生 砍 中 crozoft 0ffice Sharepoint 工作 注解 塘 案 


正在 初 信 化 Microsot NET Famewak 35 


图 2-6 ”Visual Studio 2008 的 安装 


(5) 安装 完成 后 将 返回 到 图 2-4 所 示 的 初始 界面 ,这 时 Visual Studio 2008 就 可 以 使 
用 了 。 不 过 ,建议 大 家 再 单 击 “ 安 装 产 品 文档 "进行 帮助 功能 的 安装 。 这 个 功能 对 于 自学 
很 有 帮助 ,只 要 将 光标 移动 到 困惑 的 地 方 , 按 Fl 键 即 可 显示 详细 的 解释 。 

(6) 启动 Visual Studio 2008 开发 工具 中 网 站 项 目的 工作 界面 ,如 图 2-7 所 示 。 


文件 如 才情 如 视图 QD 同 站 加 ”生成 ) 调式 数 里 @)， 工具 GD) 届 才 S) 分 析 昌 宣 口 D 帮助 0 
St 


工具 栏 - 


下 运行 按钮 


解决 方案 
资源 管理 器 


工具 箱 - 内 | 


Ei 


性 vax 
主 工作 区 Befsnlt sspz Web 文人 尾 性 。 ~ 
属性 窗口 
【设计 / 源 】 
视图 切换 按钮 


图 2-7 Visual Studio 2008 的 工作 主 窗 口 
中 工具 栏 。 提 供用 于 格式 化 文本 ,查找 文本 等 的 命令 。 一 些 工 具 栏 只 有 在 【设计 ] 视 
图 下 才 可 用 。 
@ 工具 箱 。 隐 藏 在 左 侧 , 鼠 标 悬 放 自动 弹出 , 它 提 供 开发 ASP. NET 程序 所 需 的 各 种 
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控件 。 需 要 用 到 某 个 控件 时 ,可 以 通过 双击 调用 ,或 者 直接 用 鼠标 拖 放 到 主 工作 区 内 。 工 
具 箱 中 的 各 控件 按 常用 功能 分 组 。 

@ 运行 按钮 hj。 用 来 测试 运行 当前 选 定 的 ASP. NET 网 页 。 

@ 解决 方案 资源 管理 器 。 用 来 管理 网 站 内 的 所 有 文件 和 文件 夹 , 类 似 Dreamweaver 
软件 里 的 “站 点 管理 器 " 。 它 不 但 可 以 从 其 他 目录 将 已 有 文件 拖 放 进 来 ,也 可 以 通过 右 击 
网 站 路 径 , 如 Mebsitel\ ,选择 向 其 中 添加 新 项 。 

@) 属性 窗口 。 用 来 对 所 选 控件 设置 属性 。 比 如 从 工具 箱 中 将 控件 拖 放 到 主 工作 区 
后 ,就 可 以 在 属性 栏 设 置 该 控件 的 显示 文本 (Text) .名称 (ID ) 和 背景 颜色 ( BackColor ) 等 
属性 。 当 单 击 某 个 属性 名 时 ,下 方 会 自动 显示 其 代表 的 含义 。 

@ 主 工作 区 。 位 于 中 央 , 用 来 设计 内 容 页 面 和 书写 有 关 代 码 , 是 主要 的 操作 窗口 。 
所 有 打开 的 文件 都 会 放 在 该 窗口 中 , 单 击 切换 主 工作 区 上 方 的 文件 标签 ,就 会 显示 相应 的 
文件 内 容 , 单 击 右 侧 的 关闭 按钮 ,就 可 以 关闭 当前 的 文件 。 如 果 想 重新 打开 文件 ,在 【[ 解 
决 方案 资源 管理 器 】 中 双击 文件 名 称 即 可 。 

@ 【设计 / 源 】 视 图 切换 按钮 。 用 于 对 主 工作 区 内 编辑 的 内 容 页 在 设计 视图 (所 见 即 
所 得 ) 与 源 代码 视图 之 间 切 换 。 这 个 功能 类 似 Dreamweaver 软件 里 的 【代码 /设计 】 切换 
按钮 有 吓 国 二 加 到 | 

用 户 可 以 按 自己 的 喜好 重新 排列 窗口 位 置 或 调整 大 小 。 如 果 某 些 窗口 在 Visual 
Studio 中 不 可 见 , 在 “视图 "菜单 上 单 击 相应 窗口 名 即 可 重新 打开 。 


2.“ 欢 迎 来 访 者 "网 站 的 制作 


1) 新 建 网 站 

(1) 启动 Microsoft Visual Studio 2008 ,选择 [文件 ]1 [新建 网 站 】 (或 直接 在 [最 近 的 
项 目 ] 窗 口内 单 击 创建 [ 网站】) 。 

(2) 在 弹出 的 [新 建 网 站 】 对话 框 中 选择 创建 [ASP. NET 网 站 】 ,开发 版 本 选择 . NET 
Framework 3.5 ,编程 语言 采用 Visual C#, 以 【文件 系统 方式 保存 ,路 径 可 根据 自己 计算 机 
实际 情况 选择 ,例如 选择 D:\aspnet ,然后 单 击 [ 确定 】 按 钮 开始 建立 网 站 ,如 图 2-8 所 示 。 

[ealed) 


模板 吕 ) wT Prweerk35 加 四 回 
Visaal Stadie 已 安装 的 模板 


国 ASP IET 网 站 曲 ASP NET Yeb 服务 网 宇 网 站 
恒 "cz 服务 状 ASP IET Reports 网 站 请 SP NET Crystal Reports 网 站 


辣 扫 索 联 机 模板 


全 As. NET 网 WS CWET Franerork 3.5) 
文件 系统 辣 a: \sspnet 


Visual C# > 


图 2-8 新 建 网 站 
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(3) Visual Studio 2008 自动 为 当前 新 建 网 站 生成 必要 的 文件 结构 ,这 几 个 文件 可 从 
“解决 方案 资源 管理 器 " 中 查看 到 ,双击 文件 即 可 在 主 工作 区 打开 进行 编辑 : 
。 一 个 名 为 App_Data 的 系统 目录 ; 
。 一 个 名 为 web. config 的 网 站 配置 文件 ; 
e 一 个 名 为 Default. aspx 的 网 页 设计 文件 (展开 Default. aspx 前 的 加 号 由 ,可 看 到 
它 还 内 风 一 个 名 为 Default. aspx. cs 的 代码 文件 ) 。 
默认 情况 下 系统 自动 打开 Default. aspx 文件 。 


人 和 的 情况 下 ,Visual Studio 2008 创建 的 每 一 个 网 页 都 是 由 两 个 文件 构成 的 ,一 


个 是 扩展 名 为 aspx 的 设计 文件 , 另 一 个 是 扩展 名 为 cs 的 代码 文件 。 设 计 文件 存放 网 页 
的 设计 结构 ,包含 了 很 多 标签 。 代 码 文件 则 存放 网 页 的 逻辑 结构 ,只 包含 程序 语句 。 

两 者 的 命名 很 有 意思 , 若 设计 文件 名 为 a. aspx, 它 对 应 的 代码 文件 则 名 为 a. aspx. cs; 
设计 文件 名 为 b. aspx, 则 代码 文件 就 为 b. aspx. cs。 

这 种 将 内 容 设计 和 程序 逻辑 分 别 存 放 到 两 个 文件 的 模式 叫 “ 代 码 分 离 ”或 “代码 隐 
藏 ”。 可 以 使 得 页 面 的 结构 并 并 有 条 并 可 以 重复 使 用 , 它 让 不 同 的 开发 人 员 可 以 更 专注 
于 自己 的 工作 领域 。 而 ASP JSP .PHP 三 者 都 是 在 一 个 网 页 文件 中 混合 了 HTML 代码 和 
程序 代码 。 

2) 界面 设计 

(1) 单 击 【 设 计 / 源 ] 切 换 按钮 Be 换 3 IE] 切换 到 设计 视图 。 

(2) 从 左 侧 边 的 工具 箱 中 拖 动 标签 控件 (或 双击 标签 控件 ) A 到 主 工作 区 。 

(3) 从 工具 箱 中 拖 动 文本 框 控 件 (或 双击 文本 框 控件 ) 回 弄 剖 到 主 工作 区 。 

(4) 从 工具 箱 中 拖 动 按钮 控件 (或 双击 按钮 控件 ) 田 弄 而 | 到 主 工作 区 。 

3) 修改 控件 属性 

(1) 单 击 选 定 主 工作 区 中 的 标签 控件 Eba, 在 右 下 角 的 [属性] 窗口 找到 ID 属性 ,将 
内 容 Labell 修改 为 labMessage ,找到 Text 属性 ,将 内 容 Label 清除 。 

(2) 单 击 选 定 主 工作 区 中 的 文本 框 控件 ,将 【属性 】 窗 口中 的 ID 属性 
值 TextBoxl 修改 为 ktName。 

(3) 单 击 选 定 主 工 作 区 中 的 按钮 控件 EEwtej, 将 【属性 】 窗 口中 的 ID 属性 值 Buttonl 
修改 为 btnWelcome ,将 Text 属性 值 Button 修改 为 “欢迎 ”。 

最 终 Default. aspx 页 的 设计 效果 如 图 2-9 所 示 。 

4) 编写 代码 

双击 按钮 [欢迎 】 ,进入 代码 页 Default. aspx. cs, 在 protected void btnWelcome_Click 
(object sender，EventArgs e) 下 面 的 一 对 花 括号 | | 之 间 填 入 代码 : 


latMessage.Text = txtNare.Text + 呈 你 吗 , 见 到 你 太 高 兴 了 !"; 
如 图 2-10 所 示 。 
他 写 代码 时 要 特别 注意 : 


(1) 字母 的 大 小 写 。C# 区 分 字母 的 大 小 写 , 这 一 点 与 TC 和 Java 要 求 是 一 致 的 。 
(2) 字符 的 全 角 与 半角 。 除 提示 内 容 可 任意 外 ,其 他 部 分 一 律 用 半角 符号 。 对 于 上 
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0 aspnet — Eicrosoft Visual Stulio 
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IT. Ht mlControls; 
-Web.UI. WebCont rols’; 


public partial class Default : System.Web.UI.Page 
{ 


protected void page_Load(object sender, Evertares e) 
t{ 


protected void btnielcome_Click(ebject sender, Eventres e) 


1abMessage.Text = txtllame. Text + "是 你 史 ， 风 到 你 太 高 兴 了 ! "; 


图 2-10 代码 页 Default. aspx. cs 


例 来 讲 , 是 你 吗 , 见 到 你 太 高 兴 了 ! 这 身 话 里 面 的 运 号 “,” 和 感叹 号 
意 ,但 程序 语句 和 操作 符 、 双 引号 等 必须 是 半角 。 

(3) 应 充分 利用 Visual Studio 2008 的 智能 感知 功能 ,以 提高 代码 录入 效率 和 准确 
当 我 们 键入 控件 名 称 或 分 隔 和 句点 时 , 它 会 弹出 一 个 下 拉 菜 单 ,并 随 着 输入 字符 的 不 断 


善 ,自动 定位 最 吻合 的 控件 名 称 , 当 定 位 到 正确 的 名 称 时 ,只 需 键入 下 部 分 要 录 的 字符 ， 
et 分 即 可 自动 填充 到 代码 中 ,如 图 2-11 所 示 。 


1” 可 以 全 ,半角 任 
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Protected Vold btnielcone Ciick(obJect Sendery Fetes e]] forotected void btnielcone click(object sender, Erentares el 
I{ 
1a labMessage.tex 
3% Keyvalueconfi sarationcollection a 六 本 seole a 
KeyValueConfi gurationElement 村 TabIndex 
TenplateControl 


TenplateSourcelirectory 


So LinlBattonFentrolBaildar 
这 LinqDatasooree 


(a) 控件 名 称 的 智能 感知 (b) 属性 的 智能 感知 
图 2-11 控件 名 称 和 属性 的 智能 感知 


5) 本 地 测试 动态 网 站 

(1) 单 击 工具 栏 中 的 运行 按钮 .启动 调试 (或 按 F5 键 ) 。Visual Studio 2008 会 自动 
调用 浏览 器 显示 Default. aspx 网 页 。 首 次 运行 调试 前 , Visual Studio 2008 会 提示 是 否 修 
改 Web. config 以 启用 调试 ,选择 默认 的 然后 单 击 [ 确定】 按钮 即 可 ,如 图 2-12 所 示 。 


[Fann 下 
由 于 未 在 Web. config 文件 中 启用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 。 您 希望 
做 什么 ? 


个 修改 Web. config 文件 以 启用 调式 (0D。 
已 Ne 应 在 Web. config 文件 中 禁用 调 


个 不 进行 调试 直接 运行 。 矢 同 于 CtrltF5) (R) 


[ww ] ww | 


图 2-12 提示 选择 是 否 修改 Web. config 以 启用 调试 


(2) 下 面 测 试 效果 。 在 文本 框 内 填 入 “ 李 小 莉 ” , 单 击 【 欢 迎 ] 按 钮 , 即 出 现 图 2-2 所 
示 的 欢迎 信息 。 若 输入 的 是 别 的 名 字 , 比 如 “刘德华 ” , 单 击 【欢迎 ] 按 钮 后 , 则 显示 “ 刘 德 
华 是 你 吗 , 见 到 你 太 高 兴 了 !”。 

可 以 看 到 ,同一 个 网 页 ,根据 用 户 输入 信息 的 不 同 显示 出 了 不 一 样 的 结果 。 大 家 可 以 
对 照 第 1 章 的 1.2 节 加 以 理解 。 


和 Visual Studio 2008 中 自 带 了 虚拟 的 Web 服务 器 ,所 以 开发 人 员 可 以 不 安装 IIS 


(Internet 信息 服务 ) 就 可 进行 ASP. NET 网 页 的 调试 。 
(3) 若 要 返回 编辑 状态 ,可 以 关闭 弹出 的 测试 网 页 或 者 单 击 Visual Studio 2008 工具 
栏 上 的 停止 按钮 国 . 


2.2.4 预 编译 网 站 


1. 预 编译 的 好 处 


网 站 在 本 地 测试 成 功 后 ,应 先 经 过 预 编译 ,之 后 再 上 传 到 互联 网 的 虚拟 主机 上 。 这 样 
做 ,具有 下 面 4 点 好 处 : 

(1) 避免 安全 隐患 。 经 预 编译 后 的 网 站 ,全 部 . cs 代码 文件 已 被 编译 到 */bin "目录 下 
一 个 扩展 名 为 dl 的 二 进 制 程序 集 文件 中 ,起 到 了 隐藏 应 用 程序 源 代 码 的 作用 。 和 否则 ,由 
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于 动态 网 页 文件 均 是 文本 文件 , 若 用 户 下 载 后 进行 源 代码 的 查看 ,就 有 可 能 造成 源 文件 代 
(2) 精简 文件 数量 。 预 编译 后 ,不 再 包含 . cs 代码 文件 ,方便 对 网 站 文件 的 管理 。 
(3) 提高 运行 效率 。 由 于 ASP. NET 采用 了 二 次 编译 的 工作 方式 ,所 以 先 对 网 站 预 
编译 后 再 上 传 ,避免 了 首次 调用 应 用 程序 的 延迟 。 
(4) 预 编译 能 够 捕捉 在 应 用 程序 启动 阶段 发 生 的 任何 错误 。 


2. 对 网 站 进行 预 编译 的 方法 


(1) 在 [解决 方案 资源 管理 器 ] 窗 口内 右 击 项 目 路 径 ,选择 [发 布 网 站 】 ,如 图 2-13 
所 示 。 

(2) 系统 会 弹出 [发 布 网 站 】 对话 框 , 单 击 浏览 按钮 回 ] ,选择 一 个 本 地 保存 的 位 置 ,如 
图 2-14 所 示 。 


目标 位 置 0): (ftp://-..、http://. .或 drive:\path) 
Ci \Documents und Settings\tailwind\ 磊 面 \uploudweb 


交 许 更 新 此 预 妨 译 站 点 (A) 
口 使 用 固定 命名 和 单 页 程序 集 下 ) 
口 对 了 预 妨 译 程序 集 局 用 强 命名 人 GE) 


晤 使 用 由 强 名 称 工具 和 网 的 定 角 文 煌 0 


pp_Dat 
上 图 neeat 发 布 网 站 0 
fan] 二 二 
芒 veb confi 国 添加 晰 项 四 信 
国 添加 现 有 项 (@) 
曾 ”新 建文 件 夹 人 0) 
添加 ASP. NET 六 


添加 引用 @) 
添加 Web 引用 0 


图 2-13 选择 [发 布 网 站 】 图 2-14 【发 布 网 站 ] 对 话 框 


单 击 [ 确 定 ] 按 钮 后 ,Visual Studio 2008 即 开始 编译 ASP. NET 网 站 。 编 译 后 的 ASP. 
NET 网 站 中 没有 cs 源 代码 ,因为 这 些 代 码 文件 经 编译 后 ,会 存放 在 bin 目录 下 形成 动态 
链接 库 DLL 文件 ,如 图 2-15 所 示 。 

如 图 2-15 所 示 , 在 发 布 目录 中 只 包含 Default. aspx 页 面 文件 而 并 没有 包含 代码 文件 
Default. aspx. cs ,因为 这 些 文件 都 被 编译 在 bin 目录 下 成 为 动态 链接 库 文件 。 

编译 后 的 ASP. NET 网 站 在 第 一 次 应 用 时 会 有 些 慢 , 但 之 后 的 运行 ,每 次 对 ASP 
. NET 应 用 程序 的 请 求 都 可 以 直接 从 DLL 文件 中 请 求 ,能够 提高 应 用 程序 的 运行 速度 。 


2.2.5 用 FTP 工具 发 布 网 站 


虽然 Visual Studio 2008 也 支持 FTP 上 传 ,但 更 好 的 选择 是 使 用 专门 的 FTP 工具 , 比 
如 FlashFXP,CuteFTP 等 ,下 面 就 以 FlashFXP( 需 要 另外 下 载 ) 为 例 , 将 已 经 过 预 编译 的 
ASP. NET 网 站 上 传 到 互联 网 的 虚拟 主机 。 

(1) 单 击 [开始 】 1【 所 有 程序 】| FlashFXP1FlashFXP, 启 动 FTP 工具 FlashFXP, 如 
图 2-16 所 示 。 
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QA， 日 唐 | 记 玉器 文 # 天 国 - 


(c) 预 编译 后 生成 的 动态 链接 库 文件 
图 2-15 预 编译 前 后 的 文件 对 比 
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人 masshrrr v3.3.4 buil4 1106 _[ 副 试 版 本 ] 总 


图 2-16 ”FlashFXP 程序 界面 


(2) 单 击 工具 栏 的 [ 连接] 按钮 几 , 选 择 下 拉 列 表 中 的 [快速 连接 】 ,在 弹出 的 [ 快 
速 连接 】 对 话 框 中 填写 FTP 相应 信息 ,其 中 的 服务 器 、 用 户 名 密码 3 个 文本 框 中 所 填 
均 来 自 于 申请 虚拟 主机 成 功 后 得 到 的 信息 (参见 图 2-3) ,然后 单 击 [【 连接 】 按 钮 ,如 
图 2-17 所 示 。 
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图 2-17 【快速 连接 ] 对 话 框 


(3) FlashFXP 开始 与 虚拟 主机 建立 连接 ,成 功 后 在 右 侧 窗口 显示 远程 服务 器 文件 列 
表 , 左 侧 为 本 地 文件 列表 ,首先 切换 本 地 文件 目录 到 网 站 的 发 布 路 径 ,如 图 2-18 所 示 。 


FlashFXP 
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图 2-18 FlashFXP 连接 后 界面 


(4) 双击 左 侧 远程 服务 器 的 wwwroot 进入 该 子 目录 ,首先 删除 该 子 目 录 内 原 有 首页 
文件 index. htm, 然 后 全 选 右 侧 本 地 文件 及 目录 , 单 击 本 地 窗口 的 一 按钮 全 部 上 传 ,如 
图 2-19 所 示 。 完 成 后 即 可 关闭 FlashFXP。 


(四 对 于 有 些 座 拟 主机 ,连接 后 运程 主机 文件 列表 中 没有 任何 于 目录 ,那么 直接 传送 


就 可 以 了 。 也 有 的 不 叫 wwwroot, 而 是 叫 htmldoc 或 doc 等 ,这 与 虚拟 主机 的 设置 有 关 , 具 
体 要 传送 到 哪个 子 目录 ,要 看 提供 商 的 使 用 说 明 。 


2.2.6 网 上 浏览 自己 的 作品 


打开 浏览 器 ,浏览 网 站 http://uploadnet. host170. 9free. ne( 即 申请 虚拟 主机 时 得 到 
的 三 级 域名 ) ,输入 一 个 姓名 , 单 击 [欢迎 ] 按 钮 , 即 可 实现 所 需 效 果 。 
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图 2-19 上 传经 预 编译 后 的 ASP. NET 网 站 到 虚拟 主机 wwwroot 子 目录 下 


若 希 望 使 用 如 www. abc. com 这 样 的 正式 的 域名 访问 网 站 ,可 以 通过 虚拟 主机 提供 
商 的 [域名 注册 】 栏 目 注册 购买 合适 的 域名 (大约 100 元 ) ,然后 要 求 提供 商 或 者 自己 到 虚 
拟 主机 的 管理 界面 ,将 该 域名 绑 定 到 自己 的 虚拟 主机 上 。 


本 章 小 结 


本 章 通 过 “欢迎 来 访 者 "案例 ,概括 性 地 介绍 了 一 个 简单 的 动态 网 站 从 设计 制作 到 最 
终 发 布 的 完整 流程 ,学 习 了 相关 工具 的 基本 使 用 方法 。Microsoft Visual Studio 是 编写 
ASP. NET 动态 网 站 最 有 利 的 工具 ,借助 C# 语 言 ,能 够 以 面向 对 象 的 方式 高 效 地 编写 出 具 
有 交互 功能 的 动态 网 站 ,将 网 站 预 编译 后 , 青 通 过 FlashFXP 上 传 到 互联 网 的 Web 服务 器 
发 布 。 


习题 


1. 填空 题 


(1) 对 于 工作 区 内 编辑 的 内 容 页 ,在 设计 视图 ( 所 见 即 所 得 ) 与 源 代码 视图 之 间 切 换 
的 是 按钮 。 

(2) Label 控件 的 Text 属性 用 于 

(3) 开发 ASP. NET 网 站 最 有 利 的 工具 是 。 

(4) 为 提高 网 站 的 安全 性 和 初次 访问 速度 ,在 使 用 FTP 工具 上 传 前 ,应 首先 对 网 站 
进行 
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2. 选择 题 
(1) bin 目录 用 来 放置 ( js 
A. 专用 数据 库 文件 B. 共享 文件 
C. 编译 后 的 dl 文件 D. .cs 代码 文件 
(2) 使 用 FTP 工具 上 传 网 站 ,不 需要 使 用 ( ye 
A. FTP 服务 器 地 址 B. 用 户 名 
C. 密码 D. 浏览 网 址 
(3) 若 内 容 页 文件 名 为 view. aspx, 则 其 对 应 的 代码 页 文件 名 默认 是 ( ) 。 
A. view. cs B. view.cs. aspx 
C. view. aspx. cs D. view. aspx 
3. 判断 题 


(1) Web. config 是 动态 网 站 必需 的 配置 文件 。 

(2) 对 于 任意 一 款 虚拟 主机 ,网 站 都 应 存放 在 wwwroot 目录 下 。 
(3) .cs 代码 文件 必须 随同 网 站 一 同上 传 到 Web 服务 器 。 

(4) 并 不 是 所 有 的 虚拟 主机 都 能 够 支持 ASP. NET 网 页 的 运行 。 


4. 简 答题 


(1) 什么 是 虚拟 目录 ? 
(2) 仔细 对 比 后 回答 ,网 站 内 . aspx 内 容 页 文件 在 进行 预 编 辑 前 后 有 什么 变化 。 


5. 操作 题 


(1) 利用 百度 搜索 提供 免费 试用 业务 的 虚拟 主机 提供 商 , 并 申请 试用 。 
(2) 实际 创建 一 个 ASP. NET 网 站 。 
(3) 发 布 创建 的 ASP. NET 网 站 到 虚拟 主机 并 浏览 效果 。 


一 一 一 一 


sat a i ee 


网 页 的 基本 组 成 元 素 
一 HM 和 (SS 


无 论 是 采用 何 种 技术 设计 网 页 ,网 页 的 主体 部 分 还 是 由 HTML( 超 文 本 置 标 语言 ) 标 
签 和 CSS( 层 一 样式 表 ) 构 成 的 。 不 了 解 这 两 项 基础 技术 ,开发 动态 网 页 就 相当 于 建 空中 

HTML 现在 已 经 “升级 "成 了 XHTML ,而 CSS 的 功效 之 强 也 使 它 成 为 网 页 美化 和 布 
局 不 可 或 缺 的 技术 。 现 在 都 讲究 标准 建站 ,而 标准 建站 使 用 的 技术 主要 就 是 
XHTML +CSS。 

以 万 网 (http://www. net. cn ) 为 例 , 正 浏览 器 看 到 的 显示 效果 如 图 3-1 所 示 。 
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城 最 务 。 主机 服务 全 站 放 前 。 同 站 建 变 。 网 入 全 钠 。 证 进入 会员 中 人 
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图 3-1 万 网 网 站 首页 


下 面 来 看 一 看 上 面 的 页 面 效果 是 怎样 由 XHTML 结合 CSS 构成 的 : 
单 击 正 浏览 器 菜单 栏 的 [查看 】 人 [ 源 文件 】, 则 浏览 器 自动 调用 “记事 本 ”工具 打开 构成 
该 网 页 的 相关 代码 ,如 下 所 示 为 部 分 代码 。 


< !DOCTYFE html FIBLIC " - //BC//DID XHTML 1.0 Transitional//EN" 
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"htbp:/Mwww-vB-arg/TR/zhtmll/DID/xhtmll - transitional .dtd" > 
< html xmlns = "http://www.w3.org/1999/shiml" > 


<head> 
<meta http - eqdiv= "Content - Type"omtent = "text/html; dharsst = GE2312"/ > 
<!- -Use IE7mde- -> 


<meta http— equiv= "X- A- Compatible" omtent = "TE = FrulateIE7"/ > 
< title > 领先 的 互联 网 应 用 服务 提供 商 - 中 国 万 网 ww-net.cn) < /title > 
< meta name = "keywords"oontent = " 历 网 ,中 国 万 网 ,域名 注册 ,虚拟 主机 ,主机 托管 ,企业 邮箱 "> 
< meta name = "description"content = "领先 的 互联 网 应 用 服务 提供 商 , 为 数 百 万 用 户 提供 虚拟 
主机 、 企 业 邮箱 ,域名 注册 、 网 站 建设 、 网 络 营 销 等 全 方位 信息 化 服务 。" > 


< link href = "/static/css/gldoal .css" rel = "stylesheet" type = "text/css"/ > 
< link href = "/static/css/grid blue. css" rel = "stylesheet"” type = "text/css" media =" 
screen"/> 
< link href = "/static/css/index.css" Tel = "stylesheet" type = "text/css" media = "screen"/ > 
< link href = "/static/css/showtab.css" rel = "stylesheet" type= "text/css"/ > 
< /head > 
< body cnclick = "checkdiv (event)" > 
< = 一 IE= 一 之 


上 面 代码 中 , 带 字 符 底 纹 的 部 分 是 与 CSS 相关 的 ,其 余部 分 则 与 XHTML 相关 。 

XHTML 和 CSS 十 分 好 学 ,而 且 大 部 分 情况 下 利用 网 页 开发 工具 ,如 Dreamweaver 、 
Visual Studio 等 ,也 可 以 自动 生成 。 但 要 成 为 一 名 合格 的 网 站 开发 者 ,了 解 并 拥有 使 用 手 
工 进行 代码 编写 的 能 力 却 是 必要 的 。 


3.1 XHTML 语言 的 前 址 今生 


3.1.1 HTML 简介 


简单 点 说 ,HTML 是 用 来 做 网 页 的 。 复 杂 点 说 ,HTML 是 Hyper Text Markup Language 
的 缩写 , 即 超 文本 置 标语 言 , 它 是 在 互联 网 发 布 超 文本 文件 (也 就 是 通常 所 说 的 网 页 ) 的 
通用 语言 。 
它 很 简单 ,虽然 也 称 为 “语言 " ,但 与 TC、VB ,Java 等 编程 语言 大 不 相同 ,HTML 不 含 
任何 编程 结构 ,只 是 由 一 些 规定 的 标签 对 网 页 的 显示 内 容 和 效果 进行 规划 。 
比如 : 
。 想 实 现 “ 世 界 你 好 ”的 加 粗 显示 效果 : 世界 你 好 ,只 要 用 < strong > 和 </strong > 
这 一 对 标签 把 “世界 你 好 " 围 住 即 可 。 例 如 < strong > 世界 你 好 < /strong > 。 
。 若 要 实现 它 的 倾斜 效果 : 内 舱 从 好 ,就 用 <em > 和 </em > 一 对 标签 围 住 : 
<em > 世界 你 好 </em > 。 
。 若 要 实现 加 粗 和 倾斜 的 结合 效果 : 世界 侈 好 ,需要 同时 使 用 < strong > </strong > 
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和 <em ></em > 这 两 对 标签 : < strong ><em > 世界 你 好 </em > </strong > ,或 
者 <em ><strong > 世界 你 好 </strong ></em > 。 
若 实现 对 “世界 你 好 ”的 换行 效果 : 
世界 
你 好 
只 需 在 “世界 你 好 "之 间 插 入 一 个 换行 标签 即 可 : 世界 <br > 你 好 。 
若 实现 对 “世界 你 好 "的 下 划 线 效果 : 世界 你 好 ,用 就 <u> 和 </u > 一 对 标签 围 
住 ，<u > 世界 你 好 </u>。 

HTML 的 使 用 比较 随意 ,比如 它 不 区 分 大 小 写 , 使 用 < strong > 世界 你 好 </strong > 
与 <STRONG > 世界 你 好 </stroNG > 的 效果 是 一 样 的。 甚至 < strong > <em > 世界 你 好 
</em ></strong > 交叉 写成 <em > <strong > 世界 你 好 </em ></strong > 也 不 会 报错 。 


3.1.2 XHTML 简介 


XHTML 并 不 是 更 难 懂 的 技术 。 简 单 点 说 , HTML 前 面 的 X 是 吓 距 人 的 ,其 实 
XHTML 就 是 严 间 而 准确 的 HTML。 如 果 说 HTML 是 汉语 ,那么 XHTML 就 是 标准 普通 
话 。 若 刚刚 开始 学 习 网 页 设计 ,越过 HTML 而 直接 学 习 XHTML 是 最 佳 的 选择 。 

复杂 点 说 ,XHTML 是 HTML 的 “升级 规范 "产品 ,其 中 X 代表 “可 以 扩展 的 ” ,是 单 
词 extensible 的 缩写 。 事 实 上 它 也 属于 HTML 家 族 ,只 是 具有 更 严格 的 书写 标准 .更 好 的 
跨 平台 能 力 。 

另外 ,出 于 页 面 设计 规范 的 需要 ,XHTML 将 以 前 HTML 能 够 实现 的 一 些 功能 交 给 了 
CSS ,这 意味 着 还 需要 学 习 CSS 技术 ,但 是 这 确实 是 Web 未 来 发 展 的 潮流 。3.3 节 将 介绍 
CSS 的 知识 。 

学 习 XHTML 不 需要 任何 基础 。 相 反 ,XHTML 是 学 习 其 他 知识 的 必要 基础 。 


3.2 XHTML 文件 的 基本 结构 


3.2.1 XHTML 标签 简介 


XHTML 文件 与 普通 的 纯 文本 文件 的 最 大 不 同 在 于 含有 一 些 用 “ <> "包含 的 东西 ， 
例如 <strong > 、<em > 、<body > 。 通 常 把 它们 称 做 标签 。 

通常 情况 下 XHTML 的 标签 都 是 成 对 出 现 的 ,例如 <strong ></strong > 。 可 以 看 到 
它们 只 相差 一 个 “/”。 前 面 没有 “/” 的 标签 叫 “ 起 始 标 签 ” ,后 面 对 应 的 有 “/" 的 则 叫 * 终 
止 标签 ” ,两 者 只 相差 一 个 “/” 符 号 。 

XHTML 也 有 一 些 标签 并 不 成 对 出 现 , 只 是 单个 使 用 ,如 <bv >、<hr/ >、<input/ > 
等 ,它们 没有 终止 标签 ,自然 也 就 无 法 “ 包 住 ”任何 内 容 , 所 以 这 种 标签 叫做 “ 空 标签 ”。 
“ 空 标签 ”的 “/” 放 在 字符 末尾 。 

与 HTML 标签 不 同 的 是 ,XHTML 标签 区 分 大 小 写 。 在 XHTML 中 ,所 有 标签 均 使 用 
小 写 。 像 * <STRONG > 世界 你 好 </stRONG > "这样 写 是 错误 的 ,而 应 写 为 ”< strong > 
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世界 你 好 </strong >”。 

大 部 分 的 XHTML 标签 允许 设置 一 些 属 性 。 如 水 平 线 标签 , 原本 它 的 代码 是 
<hr > , 若 需 要 控制 显示 出 来 的 线条 粗细 为 1 个 像素 ,可 以 为 这 条 水 平 线 添 加 一 个 属性 
“size” ,并 设置 为 1。 那么 它 的 完整 代码 就 写成 了 : 

<hr size=""/> 


类 似 地 ,为 其 他 XHTML 标签 添加 属性 的 方法 也 是 在 起 始 标签 中 加 入 : 属性 =" 属 性 
值 " 。 属 性 可 以 多 个 并 存 , 中 间 用 空格 隔 开 , 前 后 次 序 不 限 。 需 要 注意 的 是 ,属性 值 必须 
使 用 引号 * 括 "起 来 。 单 引号 或 者 双 引 号 都 可 以 ,但 是 双 引 号 比较 常用 。 格 式 为 : 

< 起 始 标签 属性 1=" 属性 值 1” 属性 2= "属性 值 2"> 被 修饰 内 容 < 做 止 标 签 > 
或 者 

< 空 标签 属性 1=" 属 性 值 1” 属性 2= "属性 值 2"/ > 

例如 : 

<palign= "canter" > 被 修饰 内 容 < /p> 

<p align= "center"” ia= "doj"> 被 修饰 内 容 < /p> 

< input name= "Usemame" type= "text"/ > 

许多 属性 被 大 部 分 标签 所 共用 。 例 如 : 

。 align 属性 : 设置 显示 对 齐 的 位 置 。 值 为 center \left right, 分 别 代 表 居 中 对 齐 、 居 
左 对 齐 . 居 右 对 齐 。 
width 属性 : 设置 显示 的 宽度 。 值 可 以 用 绝对 和 相对 两 种 表示 方法 。 绝 对 表示 时 
使 用 数字 ,如 300 .26 ,单位 是 像素 。 相 对 表示 时 用 百分比 ,如 100% ,40% ,相对 的 
是 浏览 器 的 宽 或 高 。 
height 属性 : 设置 显示 的 高 度 。 值 的 表示 同 width 属性 。 
name 属性 : 作为 被 编程 调用 时 的 唯一 标识 。 

。 id 属性 : 同 name 属性 。 


3.2.2 用 XHTML 编写 一 个 网 页 


仅仅 使 用 Windows 中 的 “记事 本 ”工具 就 可 以 编写 网 页 。 例 如 , 若 在 正 浏览 器 中 显 
示 如 图 3-2 所 示 的 效果 。 

其 XHTML 代码 如 图 3-3 所 示 。 

操作 的 方法 是 , 先 新 建 一 个 文本 文件 ,将 上 述 XHTML 代码 录入 其 中 ,并 将 文件 扩展 
名 改 为 htm, 最 后 双击 打开 即 可 。 具 体操 作 步 又 如 下 : 

(1) 在 本 地 磁盘 选择 一 个 保存 位 置 ,如 “桌面 ", 右 击 空白 处 弹出 快捷 菜单 ,选择 [新 
建 ]1[ 文 本 文档 ] ,将 生成 的 “新 建 文本 文档 . txt” 重 命名 为 test htm( 主 文件 名 test 可 以 任 
意 , 但 扩展 名 只 能 为 htm 或 html) 。 


(有 的 Windows 系统 会 隐藏 文件 的 扩展 名 ,解决 方法 是 在 文件 夹 窗口 的 菜单 栏 内 ， 


OO— 


一 个 人 简历 - 了 icrosoft Internet Explorer 
文件 EE) ” 妨 辑 下 ) 查看 如 收藏 由 工具 CD) 帮助 


@-9- 国 站 多 | 记 雪 晶 |- 总 团 - 回 ”i 名 - 
地 让 癌 ) | 佑 C:\Docwments and Settines\tailwind\ 夏 面 \test_htn 习 园 和 


我 的 个 人 简历 


姓名 : 李 小 明 性 别 : 男 
爱好， 
尝 月 ， 媳 章 拭 ， 谨 不 


图 3-2 网 页 显示 效果 


甩 test- hta - 记事 本 
文件 四 ”编辑 他) 格式 @) 查看 W 帮助 
《?D0CTYPE html PUBLIC “-//W3C/VDTD XHTML 1-9 Transitional//EN" 
“http://www.w3.org/TR/xhtm11/DTD/xhtn11-transitional .dtd"> 
<html xmlns="http://www-w3-org/19997xhtml "> 
<head> 
<meta http-equiv="Content-Type” content="text/htnl; charset=gb2312" /> 
《title> 个 人 简历 </title> 
</head> 
<body> 
<h2 align="center"> 我 的 个 人 简历 《</h2> 
hr /> 
<strong>》 姓名，<《/strong> 李 小 明 《<strong> 性 别 ，</strong> 男 <br /> 
<p> 爱 好 ，《/p> 
《em> 恋 书 ， 听 音乐 ， 打 球 </em> 


图 3-3 网 页 XHTML 源 代码 


选择 [工具 】 [文件 夹 选项 ] |[ 查看】 标签 上 [ 高 级 设置 】 ,取消 选中 [隐藏 已 知 文件 类 型 的 
扩展 名 】 复 选 框 ,然后 单 击 [ 确定 】 按 钮 完成 设置 。 

(2) 右 击 文件 test htm, 选 择 [ 打开 方式 ]1[ 记事 本 】。 录 入 图 3-3 中 的 代码 。 保 存 退 
出 后 ,双击 该 文件 , 即 可 在 正 浏览 器 中 查看 到 效果 。 
3.2.3 XHTML 文档 的 结构 


下 面 先 介绍 一 下 XHTML 文档 的 结构 (如 图 3-4 所 示 ) 。 


版 本 信息 <!DOCTYPE html PUBLIC *-//W3C//DTD XHTML 1. 0 Transitional//EN* 
下 辟 _ 广 -| 


"http: //wew. w3. org/TR/xhtell/DTD/xhtell-transitional. dtd*> 


<htel> 
文档 类 部 一 一 
</head> 
-一 
文档 主体 一 > 
</body> 
</htal> 


图 3-4 文档 结构 
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一 般 XHTML 格式 的 网 页 文档 主要 可 分 为 版 本 信息 文档 头 部 和 文档 主体 3 个 部 分 。 

。 版 本 信息 : 主要 对 文档 所 遵循 的 标准 进行 说 明 , 即 : 
< !DOCTYPE, html PUBLIC" - //WBC//DID XHTML 1.0 Transitional//EN" 
"http://ww.w3 .org/TR/shitmll /DID/shiamll - transiticnal .dtd" > 

该 部 分 内 容 比 较 固定 ,大 家 记 下 来 ,直接 使 用 就 行 了 。 

(四 上 逻 代码 是 一 行 东 入 ， 系统 自动 实现 了 折 行 ,中 间 请 不 要 输入 回 车 。 

。 文档 头 部 : 对 文档 进行 了 一 些 全 局 性 定义 ,由 一 对 <head > 标签 围 住 。 一 般 来 说 ， 
位 于 头 部 的 内 容 都 不 会 在 网 页 上 直接 显示 。 

。 文档 主体 : 绝 大 多 数 HTML 内 容 都 放置 在 这 个 区 域 里 面 , 它 是 网 页 最 主要 的 部 
分 ,由 一 对 <body > 标签 围 住 。 

。 文档 头 部 和 文档 主体 全 部 由 一 对 <html > 标签 围 住 。 <html > 标签 告诉 浏览 器 网 
页 文件 的 开始 和 结束 。 

在 上 述 基本 结构 的 基础 上 ,还 应 再 加 入 几 个 必要 的 属性 和 标签 才能 构成 标准 的 

XHTML 文档 框架 : 

。 在 首 标签 <html > 内 加 入 xmlns 属性 : 
<html xmlns = "httbp://www.vB.org/1999/xhtml" > 

。 在 头 部 标签 <head > 内 加 入 <meta > 和 <title > 两 个 标签 。 
< headqd > 


<meta http -equiv= "Conbent ~ TYPe" content = "text/html; dharset = GE2312"/ > 
<title> 个 人 简历 < /title> 
< /head> 


前 者 用 于 告诉 用 户 的 浏览 器 该 网 页 应 用 哪 种 字符 编码 来 显示 ,常用 有 以 下 三 种 : 

。 GB2312: 简体 字符 编码 。 

。 BIG5 : 繁体 字符 编码 。 

。 UTF-8: 全 球 统一 编码 。 

后 者 用 于 在 浏览 器 标题 栏 左 侧 显 示 该 网 页 的 标题 。 上 例 中 ,将 会 显示 网 页 标题 为 
“个 人 简历 ”。 

图 3-3 所 示 的 代码 即 是 一 个 标准 的 XHTML 文档 。 

由 于 大 部 分 标签 是 成 对 出 现 的 ,所 以 最 好 使 用 缩 进 方式 排版 ,以 增强 可 读 性 。 


3.2.4 基本 标签 


1. 内 容 标题 标签 <hl > 到 <h6 > 


定义 内 容 的 标题 ,可 以 使 用 从 <hl > 到 <h6 > 这 几 个 标签 ,它们 对 应 的 终止 标签 
分 别 为 </hl > 到 </h6 > ,其 中 <hl > 到 <h6 > 字号 顺序 减 小 ,代表 重要 性 也 逐渐 降 
低 。 通 常 浏览 器 将 为 标题 单独 占用 一 行 ,并 在 上 、 下 留 出 比较 大 的 间距 。 对 比 效果 见 
天 3-1。 
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表 3-1 内 容 标题 标签 对 比 效果 


XHTML 源 代码 网 页 显示 效果 
<hl > 这 是 一 级 标题 </hl > 这 是 一 级 标题 
<h2 > 这 是 二 级 标题 </h2 > 这 是 二 级 标题 
<h3 > 这 是 三 级 标题 </h3 > 这 是 三 级 标题 
<h4 > 这 是 四 极 标题 </h4 > 这 是 四 级 标题 
<h5 > 这 是 五 级 标题 </h5 > 这 是 五 级 标题 
<h6 > 这 是 六 级 标题 </h6 > 这 是 六 级 标题 


2. 段落 标签 <p > 


定义 段落 使 用 <p > a el > 在 在 <p > 和 </p> 之 间 的 内 容 会 被 识别 为 一 个 段落 ， 
它 类 似 于 通常 所 说 的 一 个 。 与 标题 类 似 ,浏览 器 也 会 在 段落 前 后 留 出 比较 大 的 
间距 。 

例如 ”<p > 智能 下 ,融合 网 络 </p >”。 


3. 换行 标签 <br/ > 

当 想 另 起 一 行书 写 文字 却 又 不 希望 另 起 一 个 自然 段 的 时 候 , 就 可 以 应 用 <br > 标签 
了 。<br/ > 标签 是 一 个 空 标签 。 

例如 ,智能 耳 , <br/ > 融合 网 络 ”， 

4. 水 平分 割 线 标签 <hr/ > 


实现 水 平分 割 线 的 标签 是 < hr/ > 。 
是 一 个 空 标签 。 它 显示 为 : 


结果 是 “融合 网 络 " 显示 在 了 第 2 行 。 


它 单独 占 一 行 ,与 <br/ > 标签 一 样 , <hr/ > 也 


5. 注释 <1-- -- > 


网 页 中 也 可 以 有 注释 ,以 使 网 页 中 的 代码 层次 清晰 ,含义 明确 。 注 释 可 以 使 设计 者 在 
调试 网 页 源 代码 时 更 加 高 效 便利 。 在 < !-- 和 -- > 之 间 的 文本 就 是 注释 的 内 容 , 它 不 会 在 
网 页 上 显示 。 例 如 : 


<!- -网 页 中 部 开始 - - > 


6. 文字 格式 标签 <strong > 和 <em > 


<strong > 和 </strong > 这 对 标签 可 以 使 得 包含 在 之 中 的 内 容 变 成 粗 体 显示 。 
例如 “< strong > 用户 姓名 </strong > "将 显示 为 “用 户 姓 名 ”。 
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<em > 和 </em > 这 对 标签 可 以 使 得 包含 在 之 中 的 内 容 显示 为 斜体 。 
例如 ”<em > 读书 , 听 音 乐 </em > "将 显示 为 茂 方 , 听 彰 乐 " 。 


7. 图 片 标签 <img > 


Word 生成 的 DOC 文件 可 以 直接 在 文档 内 部 储存 图 片 .歌曲 等 二 进 制 信息 。 而 网 页 
却 是 文本 文件 ,只 能 通过 标签 调用 外 部 的 图 片 文 件 进行 显示 。 

<img > 标签 用 于 在 网 页 里 显示 图 片 。 <img > 标签 有 一 个 必需 的 属性 "src”, 它 的 属 
性 值 就 是 图 片 的 地 址 。 如 : 

< img src= "images/logo.gif" at= "网 站 标志 "> 

代表 的 含义 是 调用 images 子 目 录 下 的 logo. gif 进行 显示 。 

<img > 也 是 一 个 空 标签 ,需要 在 结尾 加 上 一 个 “/" 以 符合 XHTML 的 要 求 。 上 面 的 
例子 除 src 外 还 有 一 个 属性 alt, 称 为 “替换 属性 ”, 当 图 片 由 于 某 种 原因 无 法 显示 的 时 候 ， 


alt 的 属性 值 就 会 代 蔡 图 片 出 现 ;而 当 图 片 正 常 显 示 时 ,通常 只 要 把 鼠标 悬 放 到 图 片上 就 
会 看 到 alt 属性 的 属性 值 。 


8. 特殊 字符 (字符 实体 ) 


在 XHTML 中 “ <” 和 ”> "是 比较 特殊 的 字符 ,因为 它们 被 用 于 识别 标签 ,所 以 <” 
和 “>” 并 不 会 出 现在 页 面 上 。 那 么 如 果 需 要 让 浏览 器 显示 这 些 特殊 字符 时 该 怎么 做 呢 ? 
这 时 就 可 以 使 用 字符 实体 (注意 ,分 号 不 能 省 略 ) : 
。 小 于 号 * < "在 XHTML 代码 中 写作 * &dt;”。 
。 大 于 号 ” > "在 XHTML 代码 中 写作 * &gt;”。 
。 同样, 在 HTML 文件 内 容 中 ,连续 空格 在 浏览 器 显示 时 将 自动 简化 成 一 个 空格 ， 
如 果 需 要 多 个 空格 ,可 以 使 用 编码 * &nbsp;“” 代 替 。 


9. 超 链接 <a > 标签 


毫 不 夸张 地 说 ,是 超 链接 把 整个 互联 网 连接 了 起 来 。 超 链接 几乎 可 以 指向 互联 网 上 
的 任何 资源 , 例如 另外 一 个 网 页 、 一 张 图 片 、 一 首 MP3 歌曲 一段 视频 等 。 而 利用 
XHTML 建立 超 链接 的 语法 却 非常 简单 ,只 需要 一 对 <a > </a > 标签 即 可 。 

1) 文件 链接 

<a> 标 签 最 常用 的 属性 是 href 和 target, href 用 来 设置 用 户 单 击 超 链接 后 转向 的 目 
的 地 。target 用 于 指定 显示 目标 网 页 的 窗口 (常用 的 值 是 _blank ,代表 弹 出 新 窗口 显示 目 
标 网 页 ) 。 语 法 : 

<ahref= " 特 向 的 网 址 " targst = "目标 窗口 "> 页 面 提示 文字 或 图 片 < /a> 


例如 : 
。 在 浏览 器 中 显示 为 一 个 超 链接 “关于 ”, 单 击 它 就 显示 网 站 同 级 目录 的 about 
.htm 网 页 : 


<ahref= "about.htm"> 关 于 </a> 
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显示 超 链接 “ 找 回 密码 ” , 单 击 它 就 显示 网 站 内 user 子 目 录 下 的 getPassword. aspx 
网 页 : 
<ahref = "user/getPassword.aspx" > 找 回 密码 < /a> 
显示 超 链 接 “ 我 的 照片 ”, 单 击 它 就 显示 网 站 内 photo 子 目录 下 的 p02. jpg 图 片 ; 
<a href = "hoto/p02.jpg" > 我 的 照片 < /a> 
。 单 击 超 链接 “ 即时 通讯 工具 下 载 ” ,浏览 器 自动 弹出 下 载 窗口 : 
<a href= "oo.rar" > 即时 通讯 工具 下 载 < /a> 
。 在 浏览 器 中 显示 为 一 个 超 链接 百度”, 单 击 它 就 将 进入 百度 网 站 : 
<ahref= "http://www.baidu.oqm" > 百度 < /a> 


(四 基调 用 的 是 互联 网 资源 , 需 写 全 网 址 前 的 *htp://”。 
。 超 链 接 的 提示 部 分 除 使 用 文字 外 ,也 可 以 使 用 图 片 。 如 : 
<a href = "http://ww.Haidi.om/"> < ing src= "images/baidllogp.gifV > </a> 
。 仅 制 作 一 个 空 超 链接 ,并 不 为 单 击 进行 任何 操作 。 如 ; 
<ahref= "大 "> 我 哪里 也 不 去 < /a> 


2) 邮件 链接 
href 属性 的 值 也 可 以 是 邮件 的 地 址 ,这 时 属性 值 里 就 要 用 到 "mailto: "这 个 前 组 。 如 


希望 当 用 户 单 击 * 与 我 联系 "后 ,自动 调用 本 地 邮件 收发 软件 (Outlook .Foxmail 等 ) ,并 在 
收 件 人 地 址 填 人 “tailwind@126. com" 这 个 信箱 , 则 应 写 为 : 


<ahref=" mailto: tailwinde 126.cmm" > 与 我 联系 < /a> 


3) 页 内 跳 转 链接 ( 锚 点 ) 
在 浏览 一 个 很 长 的 网 页 时 ,设计 者 经 常会 提供 一 些 超 链 接 让 用 户 单 击 后 自动 定位 到 


当前 网 页 内 某 个 位 置 ,或 者 是 回 到 页 面 的 顶端。 


例如 ,在 下 面 的 页 面 中 , 当 单 击 链接 “ 系统 提示 我 没有 权限 访问 邮箱 ,怎样 才能 取 回 


密码 呢 ?" 时 ,浏览 器 将 自动 滚动 定位 到 该 标题 所 处 位 置 ,如 图 3-5 所 示 。 


若 单 击 另外 的 “我 想 修改 邮箱 的 密码 ,怎样 做 ?" 等 几 个 链接 ,也 能 实现 类 似 效果 。 
代码 实现 方法 分 两 步 : 
(1) 设置 位 置 模块 。 在 图 3- 5(b) 所 示 的 “系统 提示 我 没有 权限 访问 邮箱 ,怎样 才能 


取 回 密码 呢 ?" 内 容 区 加 上 代码 : <a name =" al"/ >; 在 “我 想 修改 邮箱 的 密码 ,怎样 
做 ?” 内 容 区 加 上 代码 : <aname="a2"/>。 


(2) 建立 超 链接 指向 。 在 图 3- 5(a) 所 示 位 置 制作 两 个 链接 以 提供 用 户 实现 单 击 


<ahref= "4al"> 系统 提示 我 没有 权限 访问 邮箱 ,怎样 才能 取 回 密码 呢 ? < /a> 
<a href= 叶 a2" > 我 想 修改 邮箱 的 密码 ,怎样 做 ? < /a> 


请 大 家 注意 两 点 ,一 是 步骤 (1) 与 (2) 的 属性 值 al ,a2 的 对 应 关系 ;二 是 链接 的 href 
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(b) 浏览 器 自动 滚动 定位 到 对 应 的 内 容 区 
图 3-5 单 击 页 内 跳 转 链接 效果 


属性 值 要 加 前 级 “#" 。 
页 内 跳 转 链接 在 网 页 内 有 大 量 的 内 容 时 ,可 以 让 用 户 很 快 地 找到 所 需要 的 信息 。 通 


常情 况 下 都 是 在 一 些 说 明 性 的 网 页 内 做 目录 使 用 。 
10. 无 序列 表 和 有 序列 表 


无 序列 表 的 标签 是 <ul > ,而 每 一 个 列表 项 目 则 用 <1li > 标签 表示 。 无 序列 表 的 效果 
如 图 3-6 所 示 。 
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全 
其 代码 如 下 : 
宠物 列表 : 
<Ul> 
<1i> 小 猫 </i> 


<1 > 小 狗 < /> 
<1 > 小 猪 < /1i> 
<1i> 小 刺 独 <Ai> 
< > 
将 上 例 的 标签 由 改 为 ol, 即 成 了 有 序列 表 , 列 表 项 目 仍然 是 <li > 。 下 面 用 有 序列 表 
来 改写 上 例 中 的 宠物 列表 。 效 果 如 图 3-7 所 示 。 


马 个 人 简历 -Microsoft Internet Ex.-- 攻关 | 园 
; 文件 G) 凡 罗 到 ) 查看 如 收藏 由 工具 QD 


II- 如 | 户 


宠物 列表 ， 


。 小 猎 
。 小 狗 
。 小 猪 
。 小 币 顺 


图 3-6 无 序列 表 效果 图 3-7 有 序列 表 效果 


11. 对 象 标记 <span > 与 <div> 

<span > 与 < div > 所 包围 的 网 页 元 素 , 例 如 文字 图片 .表单 或 多 媒体 元 素 , 都 会 被 
视 为 一 个 对 象 。 < div > 标记 的 对 象 在 显示 效果 上 会 独立 成 一 行 ,如 果 旁边 有 其 他 的 图 
文 , 都 会 自动 换行 到 下 一 行 ; < span > 标记 的 对 象 在 显示 上 则 会 和 旁边 的 图 文 位 于 同一 
行业 。 

这 两 个 标记 并 不 会 产生 任何 的 文件 编排 效果 ,其 主要 的 目的 是 配合 CSS 或 JavaScript 
语言 对 内 容 进 行动 态 修饰 。 代 码 格式 : 


< span > 文字 .图 片 .表单 或 多 媒体 元 素 < /span > 
<div> 文 字 .图片 .表单 或 多 媒体 元 素 < /div> 


12. 滚动 效果 < marquee > 
标签 < marquee > 可 以 实现 文字 的 滚动 效果 。 如 显示 效果 为 文字 "哗啦 啦 ,我 在 移动 
啦 !1" 自 左 向 右 水 平移 动 ,其 代码 为 : 


< marcpee direction = "right" > 
哗啦 啦 , 我 在 移动 啦 ! 
< /aronee > 


其 他 常用 属性 见 表 3-2。 
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表 3-2 <marquee > 的 属性 


属 性 描 述 
direction 设 定 文字 滚动 的 方向 ( 取 值 为 up .down ,left right) 
人 设 定 文字 滚动 的 方式 ( 取 值 为 scroll .slide \alternate ,分 别 为 循环 往复 、 只 进行 一 
次 滚动 . 交 蔡 进行 滚动 ) 
scrollamount 设置 文字 滚动 的 速度 
scrolldelay 设置 每 一 次 滚动 时 产生 的 时 间 延 迟 
loop 设置 文字 滚动 的 循环 次 数 
width height 设置 文字 滚动 的 区 域 


3.2.5 表格 标签 


在 XHTML 中 ,创建 表格 的 标签 是 <table > ,表格 中 的 每 一 行使 用 <tr > 和 </tr > 标 
签 划分 , 行 中 的 每 一 个 单元 格 再 用 <td > 和 </td > 


本 _ 马 个 人 简历 - Microsoft Inter... 上 癌 ] 几 | 
标签 划分 ,如 图 3-8 所 示 。 文件 @) 编辑 G) 查看 V) 收 蒸 Q) IJ” 遍 

这 是 一 个 3 行 4 列 的 有 边框 表格 ,相关 代码 | @ -已 - 四 国人 区 | 忆 ”多 
如 下 : 地 址 0 | 个 ines\tsilwina\ 旧 面 \test_ htn 加 | 加 和 到 


ee 政商 一 厅 环 打量 [可 | 
ne 下 两 二 洲 汪 天 万 下 可 | 
<tr> 主 基 三 吨 游 小 丽 5 小 时 | 
< td> 星 期 一 </td><ta> 打 球 </tda> 


<tda> 小 明 < /ta><ta>1 小 时 < /td> 


时 我 的 电脑 
< /tr> 机 
<tr> 图 3-8 表格 效果 
< tda> 星 期 二 < /td> < tda> 游 泳 </td><ta> 大 力 </ta><ta>2 小 时 < /tda> 
</tr> 
<tr> 
< td> 星 期 三 < /ta> < tad> 郊 游 </tda><ta> 小 丽 </ta><ta>5 小 时 < /ta> 
< Hr> 
< /table > 


( 表格 标签 <table > 有 一 个 border 属性 ,如 果 不 设置 它 的 值 或 设置 为 0, 浏 览 器 将 


不 显示 表格 的 边框 。 

表格 中 ,可 以 为 <table > 、<tr > 、<td > 这 三 个 标签 分 别 设置 各 自 的 width 和 height 
两 个 属性 来 控制 自身 的 宽度 和 高 度 。 

有 时 ,表格 中 某 些 单 元 格 需要 合并 ,这 就 要 用 到 colspan 和 rowspan 这 两 个 属性 。 
colspan 用 于 做 横向 单元 格 的 合并 ,rowspan 用 于 做 纵向 行 的 合并 。 其 属性 值 即 为 合并 后 
占用 的 单元 格 数 或 行 数 。 

下 面 对 图 3-8 的 例子 利用 合并 技术 进行 改写 ,增加 了 一 行 ,修改 了 星期 内 容 , 如 
图 3-9 所 示 。 

其 代码 如 下 : 
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洗 个 人 简历 - Wicrosoft Internet Ex... CE 加 | 凤 | 

文件 中 连 邹 四 查看 四 收藏 凡 工 加 ” 导 
ii9-@-a 国 色情 妆 旨 多- 
地址 | 外 C:\Documents and Settingsvtsilwind 加 | 园 和 到 


合并 占用 了 4 个 单元 格 下 十 各 和 本 
而 承 丰 本 | 丰 可 
合并 占用 了 3 个 行 -周一 至 周三 游泳 天 力 E 涉 村 


基 计 小 丽 5 小时 


图 3-9 表格 的 合并 效果 


< table border = "1"> 
<tr> 
<td colspan= "> 日 程 表 < /ta> 
< /tr> 
<tr> 
< ta rowspan = "3" > 周一 至 周三 </Htau > < td> 打 球 </td><ta> 小 明 </ta > 
<ta>1 小 时 < /ta> 
«ftr> 
<tr> 
<ta> 游 泳 < /ta><ta> 大 力 </ta><ta>2 小 时 < /ta> 
< /tr> 
<tr> 
<td> 郊 游 </ta><ta> 小 丽 </ta><ta>5 小 时 < /ta> 
</tr> 
< /table> 


(四 必须 保证 各 行 的 单元 格 数量 一 致 ,被 合 并 部 分 也 应 计算 在 内 。 如 上 例 的 3 行 4 列 


表格 ,“ 日 程 表 ”一 个 单元 格 就 合并 占用 了 4 个 单元 格 位 置 , 所 以 该 行 就 只 它 本 身 一 个 <td > 
标签 。“ 周 一 至 周三 ”这 个 单元 格 合并 占用 了 下 面 两 个 行 的 首 单元 格 位 置 ,所 以 原 “星期 
二 ”和 “星期 三 "两 个 <td > 标签 就 应 删除 掉 。 


表格 是 XHTML 中 处 境 尴 炊 的 一 个 标签 。 从 表格 的 能 力 来 看 , 它 既 可 以 被 用 来 展示 


数据 ,如 制作 一 个 通讯 录 或 成 绩 单 之 类 的 数据 表格 ; 它 也 能 用 于 网 页 的 布局 ,如 将 一 个 网 
页 分 成 若干 栏目 或 对 一 些 内 容 进行 定位 。 但 在 XHTML 中 ,表格 标签 < table > 不 被 推荐 
用 来 布局 ,W3C 希望 CSS 可 以 取代 <table > 在 布局 方面 的 地 位 ,这 也 是 Web 发 展 的 方 
向 。 不 过 事实 上 ,目前 <table > 仍 被 许多 网 站 用 于 网 页 布局 。 


3.2.6 域 标签 


域 标签 <fieldset > 可 以 实现 一 个 非常 不 错 的 显示 效果 ,在 实际 制作 中 也 比较 常用 。 


下 面 首先 看 一 下 使 用 <fieldset > 域 标签 前 后 的 对 比 效果 ,如 图 3-10 所 示 。 


可 以 看 出 ,通过 < fieldset > 可 以 设置 一 个 方 框 (也 称 做 域 ) ,然后 通过 其 内 含 的 
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要 无 标题 页 - 于 crosoft Internet Explorer 
文件 加、 久 名 加 查看 四。 收 基 ) 工具 中 ”大助 0 


@- 0-. 国 国 作 全 去 人 @| 合 -名 


基 让 四 | 狠 http//1oeslhost 1452/%spnet/Defonlt aspx 


ps 
文件 EEF) 贸 略 E) 查看 收 蒜 和) 工具 G) 帮助 00 
9-e-aBBa&lP 之 eole-a ”ji 


壤 直 图 | 因 http://lscuhest14S2yespmetDeealt aspx Elba 


夕 ---- 唐 许 欣赏 
《七 为 》 唐 ,杜牧 
银 烛 秋 光 冷 画 屏 ， 轻 罗 小 户 扑 流 董 。 
天 街 夜色 凉 如 水 ， 卧 看 于 牛 组 女 星 。 
《这 牛 织女 》 唐 . 杜 南 


替 牛 出 河西 ， 组 女 处 其 东 。 
万 古永 相 望 ， 七 夕 谁 见 同 。 


七 乡 ---- 宋 调 欣 党 
《前 恬 仙 》 宗 . 素 观 
寻 云 委 巧 ， 术 归 代 识 ， 银汉 记忆 路 滚 。 
却 人 间 无 数 。 


， 信 
基于 又 岂 在 朝 朝 共 夺 ! 
《全 振子 (七 夕 )》 宋 . 李 清 由 
， 属 落 醒 桐 ， 正 人 间 、 天 上 装 浪 。 
关 铀 干 重 。 


， 泽 楼 去 ， 不 相 进 。 

桥 甬 区 ， 翅 年 才 见 ， 想 高 情 、 别 恨 难 穷 。 
， 机 是 离 中 。 
， 和 要 儿 雨 ， 要 儿 风 。 


七 夕 ---- 庚 诗 欣 党 
《4 七夕》 唐 .杜牧 


银 烛 秋 光 冷 酉 屏 ， 轻 罗 小 户 扑 注重 。 
天 街 夜色 闲 如 水 ， 卧 看 李 丫 织 文 星 。 


《 幸 牛 组 文 》 唐 . 杜 南 


牵 牛 出 河西 ， 织 女 处 其 东 。 
万 古永 相 望 ， 七 为 谁 见 同 * 


七 夕 -宋词 欣赏 
《前 桥 仙 》 订 . 素 观 
针 云 开 巧 ， 飞 星 传 恨 ， 银 汉 退 进 暗 渡 。 
全 凤 玉 萝 一 相逢 ， 便 竹 却 人 同 无 数 。 
和 对 人 消 其 水 ， 佳 期 如 健 ， 忍 顾 药 桥 归 路 ! 
两 傅 若是 长 久 时 ， 又 电 在 朝 彰 草草 1 
《 行 得 子 (七 夕 )》 宋 .李清照 
, We 正人 间 、 天 上 黎 禄 。 


学 去 外相 和 
生生 提高 情 、 别 恨 准 办 。 


， 葛 是 高 
， 要 儿 璀 ， Tn, 


(a) 使 用 <fieldset> 域 标签 前 


(b) 使 用 <fieldset> 域 标签 后 


图 3-10 使 用 <fieldset > 域 标签 前 后 对 比 效果 


<legend > 标签 设置 域 标题 , 即 可 实现 图 中 效果 。 其 语法 如 下 : 


< fieldset > 
< legend > 域 的 标题 < /legend > 
域 中 要 显示 的 内 容 

< /fieldset > 


对 于 图 3-10 ,对 唐诗 部 分 和 宋词 部 分 则 分 别 使 用 了 两 个 <fieldset > 标签 以 划分 区 域 。 


其 相关 源 标签 代码 如 下 : 


< fieldset > 


< legend > 七夕 - - - -唐诗 欣赏 < /legend > 


《七 夕 唐 .杜牧 
/1/-… 中 间 省 略 …- 


< fieldset > 


< legend> 七 夕 - - - -宋词 欣赏 < /legend> 


《更 桥 仙 》 宋 . 秦 观 
1/ 一 -中 间 省 略 -… 


3.2.7 框架 标签 


简单 地 说 ,通过 框架 ,可 以 让 多 个 网 页 同时 显示 在 浏览 器 的 一 


个 页 面 内 。 框 架 有 两 


种 ,分 别 为 “框架 集 ”" 和 “内 嵌 框 架 ” ,如 图 3-11 所 示 。 
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相框 架 - Wicrosoft Internet Explorer 

文件 四 ”编辑 下， 碍 看 如 收藏 ) 工具 中 帮助 0D 十 
i@Q-©- 国 四 间 | 呈 女 旭 | 白 :总 加- 回 “和 网- 
; 顽 直 加) 个 c- \Decments and Settingsvtailyind 点 面 \ 书 源 思 \fraeset htn 因 轩 | 


我 是 A 网 页 ， | 我 是 B 网 页 ， 我 的 名 字 叫 content,htm 
我 的 名 字 叫 


menu. htm 


(a) 框架 集 
3 unents and Settings\tailwind\ 泉 面 \ 书 源 权 \ifran. 
文件 四) 编辑 G) 查看 吕 收 辣 @) 工具 I) 帮助 0 
OQ 9. 国 国 痊 | 全 女人 @| 犁 -总 加 -加 
地 让 人 0 | 性 ] C:\Documents and Settings\tsilwinal 旧 面 \ 书 源码 \i re htn 


我 的 名 宇 叫 iframe. htm， 虽 然 是 个 很 平凡 很 平凡 的 网 页 ， 但 我 有 个 特 
殊 的 标签 ， 可 以 让 其 他 的 网 册 在 我 这 里 显示 出 来 


大 家 好 ， 我 是 hello. htm 里 的 内 容 


(b) 内 骸 框 架 
图 3-11 框架 集 和 内 艇 框架 


1. 框架 集 < frameset > 


框架 集 是 一 种 浏览 器 窗口 的 分 割 技巧 ,通过 一 个 特殊 的 框架 集 网 页 ,将 浏览 器 窗口 分 
割 成 多 个 子 窗口 ,让 每 个 子 窗口 各 显示 一 份 网 页 文件 ,从 而 实现 一 个 浏览 器 窗口 同时 显示 
多 个 网 页 的 效果 。 

框架 集 网 页 与 一 般 的 网 页 文件 代码 有 两 处 不 同 。 如 下 所 示 , 请 注意 两 处 带 字符 底 纹 
的 地 方 。 


< !DOCTYFE html FUELIC " ~ /NBC//DID XHTML 1.0 Frameset//EN" 
"http://www.w3.org/IR/xhtml1/DID/xhimll - frarmeset.dtd "> 
< html xmlns = "http://www.w3.org/1999/xhitml" > 
<head> 
<meta http ~ eqyiv = "Content - Type" content = "text/html; charset = GE2312" > 
<title> 框 架 < /title> 
< /head > 
< frameset ools="22% ,* "> 
< frame name= "left" src= "mena.htm/ > 
< frame nare= "right" src= "content.htm"/ > 
< /frameset > 


< jhtml > 
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。 普通 网 页 版 本 信息 中 的 transitional. dad 在 框架 集 网 页 中 换 成 了 frameset. dad。 
。 在 框架 集 页 中 不 再 含有 < body > 标签 ,其 被 < frameset > 标记 所 取代 ,然后 通过 
<frame > 标签 定义 每 一 个 子 窗 口 的 名 字 ( 由 name 属性 设置 ,以 配合 超 链接 使 
用 ) .调用 网 页 的 名 称 ( 由 src 属性 设置 显示 的 网 页 文件 的 路 径 ) 。 
浏览 器 窗口 的 分 割 方式 有 以 下 两 种 : 左右 分 割 窗口 、 上 下 分 割 窗口 ,其 语法 结构 分 别 
如 下 : 
< frareset cols= "第 1 个 子 窗口 的 宽度 比 ,第 2 个 子 窗口 的 宽度 比 "…/> 
< frameset rows= "第 1 个 子 窗口 的 高 度 比 ,第 2 个 子 窗口 的 高 度 比 "…/> 
各 宽 ( 高 ) 度 比 之 和 应 为 100% 。 正 因 如 此 ,最 后 一 个 宽 ( 高 ) 度 比 往往 可 以 省 略 , 用 
# 号 代替 。 <frameset > 标签 中 cols( 或 rows) 属 性 中 , 值 的 个 数 应 与 子 标签 <frame > 的 
个 数 相 同 。 


2. 框架 集 的 嵌 套 


一 个 框架 集 只 能 进行 单独 横向 或 纵向 的 分 割 , 若 要 同时 包含 横向 和 纵向 的 框架 ,可 以 
使 用 框架 集 的 内 套 , 即 在 < frameset > 中 再 标记 一 个 < frameset > 。 例 如 图 3- 12 所 示 
效果 。 


文件 E) 编辑 于 ) 查看 WD 收藏 和 工具 YY) 帮助 和 
8@- 昌 - 国 国 狼 | 记 安 旭 |9- 名 加 -加 KK 为 | 篇 - 
增 址 冯 ) | 但 ] c: WDocuments snd Settines\tsilwind\ 硕 面 \ 书 涯 四 \frmeset hta 。 国 | 回转 到 


我 是 最 上 面 的 网 页 ， 我 的 名 宇 叫 welcome. htm 


我 是 8 网页， 我 的 名 宇 叫 content. htm 


图 3-12 框架 集 的 嵌 套 效果 


可 以 看 成 ,首先 是 按 两 行 分 割 ,在 第 二 行 不 用 <frame > 标签 显示 某 网 页 ,而 是 用 另 一 
组 按 列 分 割 的 <frameset > 代替 。 该 嵌 套 框架 集 网 页 的 代码 如 下 ,加 字符 底 纹 效果 部 分 是 
内 骨 的 <frameset > 。 


< !DOCTYPE html PUBLIC " — //WBC//DID XHTML 1.0 Frameset//EN" 

"http://www.w3 .org/IR/xhitmll /DID/xhitll - frameset.dtd" > 

< html xmlns = "http://waw.w3.org/1999/xhitml" > 

<head> 
<meta http — equiv= "Content - Type" content = "text/html; dharset = CE9312"/ > 
<title> 框 架 < /title> 

< /head> 


第 3 章 网 页 的 基本 组 成 元 素 一 -XHTML 和 CSS 全 
S 


< frameset rows= "20% ,* "> 
< frame name= "top" src= "welome.htm"/> 
< frameset 00ls= "22% ,* "> 
< frame name = "left" src= "menu.htm/ > 
< frame name = "right" src= "oontent.htm"/ > 
< /frameset > 
< /frameset > 
< /jhtml > 


3. 内 肉 框 架 < iframe > 


内 髓 框架 标记 <iframe > 不 是 分 割 窗 口 ,而 是 与 图 片 标签 类 似 ,也 是 同 其 他 文字 等 内 
容 编排 在 一 个 普通 网 页 内 。 当 这 个 普通 的 网 页 显示 时 , < iframe > 标签 所 处 位 置 自动 由 
其 src 属性 所 指定 的 子 网 页 填充 显示 。 代 码 如 下 : 


< iframe src= "hellohtm' nane = "hi" align = "Genter" width= "200" height ="@0"/ > 
4. 框架 间 的 链接 


有 时 ,希望 单 击 某 页 的 超 链接 后 ,目标 网 页 在 另 一 个 框架 内 显示 ,如 图 3-13 所 示 。 
其 框架 集 网 页 frameset. htm 的 代码 如 下 所 示 。 


< !DOCTYPE html FUBLIC " — /MBC//DID XHTML 1.0 Frameset//EN" 
"http://www.w3 .org/TR/xhitml1 /DID/shtmll - frameset.dtd" > 
< html xmlns = "http://www.w3.org/1999/xhtml" > 
<head> 
<meta http ~ eqyiv= "Content - TYPe" content = "text/html; darset = GE2312 > 
<title> 框 架 < /title> 
< /head > 
< frameset cols = "268 ,* "> 
< frame name= " Jeft " src= "menu.hbm"/ > 
< frame name= "right |" src= "omtent.htm"/> 
< /frameset > 
< jhtml > 


左 侧 显 示 超 链接 页 menu. htm 的 代码 如 下 所 示 。 


< !DOCTYFE html FUBLIC " — /NBC//DID XHIM 1.0 Transiticnal//EN" 

"http://ww.w3 .org/IR/xhitml1 /DID/zhtmll - transitional.dbd" > 

< html xmlns = "http://www-w3.org/1999/xhtml" > 

<head> 
< meta http ~— equiv= "Content - Type" content = "test/html; dharset = GE2312"/ > 
<title> < /title> 

< /head > 

<bodqy> 
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汉 框 架 - 了 icrosoft Internet Explorer 
文件 编辑 于 ) 查看 Q) 收藏 和) 工具 了 I) 帮助 中 


@Q- 昌 - 国 国 角 | 记 女人 : 间 加 -加 “多 
地 址 加 ) | 彼 C:\Documents and Settines\tailrind\ 复 面 \ 书 漂 凤 \fmeset ht 辣 加 和 


我 的 名 字 | 见 到 你 真 高 兴 ， 我 的 名 字 mwelcome. htm 
叫 


menu. htm 
钼 天 


(melcome. Pt 到 


(content. htm) 


fi1e:///C: /DocunentsN20undy20Setting: 


(a) 单 击 左 侧 框架 内 欢迎 页 超级 链接 后 的 效果 


名 框 架 - Wicrosoft Internet Explorer 


文件 @) 编辑 E) 查看 WW) 收 蕊 人) 工具 G) 帮助 0D EE 
-人 |P 妆 BlG-S 加 -加 “| 和- 


地 址 加 [全 ] c: Decoments and Settingstsilvind\ 旧 面 \ 书 源 吗 \frweset_ ht 加 | 回转 到 


我 的 名 字 | 这 种 方式 真 方便 。 我 的 名 字 叫 content, htm 
叫 


menu. htm 


welcome. htm) 


两 容 闸 
content huny 


(b) 单 击 左 侧 框 架 内 内 容 页 超级 链接 后 的 效果 
图 3-13” 超 链接 效果 


<h2 align = "center"> 我 的 名 字 叫 menu.htm< /h2 > 

<ahref= "welcome-.htm' ” target 二"right” > 欢迎 页 welcome.htm < /a> 

<hr/ > 

<ahref = "oomntent.htm" ”target 二 "right” > 内 容 页 (content.htm < /a> 

< /body> 

< /html > 

制作 上 述 效 果 的 关键 是 代码 中 加 字符 底 纹 部 分 中 名 称 的 对 应 。 

超 链接 中 target 属性 的 值 除 了 可 以 取 上 面 这 种 自 定义 的 框架 名 外 ,也 可 以 是 以 下 的 
特殊 框架 名 : 

_blank: 在 弹出 的 新 窗口 显示 目标 文件 。 

_parent: 当 框 架 有 和 嵌 套 时 ,在 父 窗 口 显示 目标 文件 ,否则 与 _top 相同 。 

_self: 在 本 窗口 显示 目标 文件 。 

_top: 在 整个 浏览 器 窗口 显示 目标 文件 。 


第 3 章 网 页 的 基本 组 成 元 素 一 -XHTML 和 CSS 
全 


41 


3.2.8 表单 标签 


表单 是 用 户 提交 信息 的 重要 渠道 。 例 如 用 户 注册 ,登录 内容 搜索 投票 等 都 需要 表 
单 来 实现 。 

例如 : 若 实 现 用户 登 录 效 果 , 如 图 3- 14 
所 示 。 

其 代码 如 下 : 


< !DOCTYEFE html FUBLIC " - /NBC//DID 
XHTML 1.0 Transiticnal//EN" 
"htbp://www-vB.argV/TRVxhtmllVDID/zhtmll 
— transitional .dtd" > 
< html xmlns = "http://www.w3.org/1999/ 
xhtml" > 
< head > 
< meta http -eqsiv = "Cantent - TYPe" content = "text/html;dharset = GE2312 > 
<title> 登 录 < /title> 
< /head > 
<body> 
用 户 登录 
< fom name = "foml" action = "db.aspx" method = "post"> 
姓名 : < input name = "usemame" type = "text"/> <br/> 
密码 : < input name = "userpassword" type = "Password"/ > <br/> 
< input name = "ok" type = "simit" value= "有 登录"/> 


图 3-14 用 户 登录 效果 


< /fom> 

< /body > 

< /jhtml > 

代码 中 加 字符 底 纹 的 部 分 与 表单 相关 。 表 单 部 分 用 < form > 标签 围 住 ,内 有 action 
和 method 两 个 关键 属性 。 由 表单 标签 围 住 的 内 容 包 括 两 部 分 : 表单 组 成 元 素 和 修饰 内 
容 ( 提 示 汉 字 , <br/ > 换行 标签 等 ) 。 

表单 的 action 属性 用 于 设置 后 台 处 理 程序 ,后 台 处 理 程序 常 由 ASP,JSP,PHP 和 本 书 
介绍 的 ASP. NET 编写 。 

method 属性 用 于 设置 提交 数据 的 方式 ,一 种 是 get 方式 , 另 一 种 是 post 方式 。get 方 
式 借助 URL 提交 信息 ,速度 快 ,但 携带 数据 容量 小 ;post 方式 提交 容量 大 ,但 速度 略 慢 。 
一 般 常 用 post 方式 。 

常见 的 表单 组 成 元 素 有 以 下 几 个 : 

(1) 文本 框 ,mL |。 

< irput type = "text" name = "User"/ > 

(2) 密码 框 。 外 观 同文 本 框 ,但 输入 的 任何 字符 均 以 星 号 * 或 粗 点 . 显示 。 


< irput type = "password" name= "pass"/ > 
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(3) 提交 按钮 ,如 辐 到 。 

< imput type= "suitmit" nare= "ok" value= "登录 "> 

(4) 图 片 提交 按钮 ,如 Et 。 

< imput type = "image" name = "ok" src= "putton.jpg"/> 

(5) 复位 按钮 。 外 观 同 提交 按钮 , 单 击 后 ,整个 表单 恢复 到 初始 状态 。 
< input type = "reset" name = "resetfomm" value= " 重 填 "/> 


(6) 标准 按钮 。 外 观 同 提交 按钮 ,往往 结合 JavaScript 语言 对 事件 进行 各 种 处 理 。 


— 


< imput type = "putton" name = "pindheck" value= "验证 "/ > 


(7) 单 选 框 ,如 男生 @ 女生 0。 单项 可 选 时 ,如 “性 别 " 可 选 为 “男生 "或 “女生 " ,就 要 为 
它们 起 同一 个 名 字 ( name) 。 如 需 某 个 单 选 框 默认 状态 为 选中 , 需 添加 checked。 

男生 < input type= "radio" name = "sex" value= " 明 " dhecked/ > 

女生 < irput type = "radio" name = "sex" value=" 女 "/> 

单 选 框 提交 的 是 value 属性 内 的 值 ,而 非 外 面 的 提示 信息 ,如 上 面 的 例子 ,提交 的 是 
“ 男 " 而 非 * 男 生 ”。 其 他 的 表单 元 素 皆 同 理 。 

(8) 复 选 框 ,如 听 听 音乐 四 踢 踢 足球 加 看 看 小 说 口 。 多 项 可 选 时 ,为 便于 处 理 , 也 习惯 起 同 
一 个 名 字 。 如 需 某 个 复 选 框 默 认 状 态 为 选中 , 需 添 加 checked。 


听 听 音乐 < input type= "dheckbow" nare = "affect" value= " 听 音 乐 " dhecked/ > 
踢 踢 足球 < input type = "checkbox" name = "affect" value= " 员 足 球 " hecked/ > 
看 看 小 说 < input type = "checkbcx" name = "affect" value= "看 小 说 "/ > 


(9) 隐藏 框 。 不 显示 任何 外 观 ,一 般 已 预 设 了 值 ,不 需要 用 户 处 理 ,该 值 就 随同 整个 


表单 提交 到 网 站 后 台 。 
< imput bype= "hidienr name= "userid" value = "9527"/ > 
(10) 文件 框 ,如 IGg]。 文 件 框 主要 是 用 来 浏览 客户 端的 文件 列 


表 , 然 后 将 选择 的 文件 上 传 到 Web 服务 器 。 
< input type = "file" nanre = "uplcaq"/ > 
上 面 的 10 个 表单 元 素 可 以 总 结 出 以 下 几 个 特点 : 
。 <input > 标签 是 一 个 空 标签 。 
。 type 属性 的 值 用 于 显示 不 同类 型 。 
name 的 属性 值 可 自 定义 ,用 于 网 站 后 台 程序 的 调用 取 值 。 
value 的 属性 值 可 自 定义 ,用 于 显示 默认 信息 或 者 预存 提交 的 值 。 
checked 可 用 于 单 选 框 和 复 选 框 ,用 于 设置 默认 选中 状态 。 


二 班 贺 


(ii ?Eu 轿 到- 列表 框 使 用 < select > 标签 ,其 中 的 每 个 列表 项 使 用 < option > 


标签 , <option > 与 </option > 围 住 的 部 分 只 是 显示 内 容 ,提交 的 值 由 value 属性 设 定 。 如 
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需 某 个 列表 项 默认 状态 为 选中 , 需 添加 selected。 


< select name= "classroom'" > 
< aption value= "cl"> 一 班 < /apkion > 
< option value= "c2" selected> 二 班 < /apticn > 
< apticn value= "c3"> 三 班 < /option > 

< /select > 


(12) 文本 区 域 ,如 全。 用 于 输入 大 量 的 文本 信息 。rows 属性 
设置 显示 行 数 ,cols 属性 设置 行 字符 数 。 


< textarea name = mamo" rows = "3" cols= "40" > 
< /textarea > 


3.2.9 XHTML 的 校 验 


制作 的 网 页 是 否 符 合 XHTML 标准 ,可 提交 权威 机 构 W3C( 万维网 联盟 ) 检 验 一 下 。 
网 址 为 http://validator. w3. org/ ,该 页 面 就 是 一 个 XHTML 校 验 工具 ,可 以 选择 通过 URL 


网 址 校 验 、 上 传 网 页 文件 校 验 和 直接 输入 代码 校 验 三 种 方式 。 最 后 单 击 Check 按钮 即 可 
进行 校 验 ,如 图 3-15 所 示 。 


DB Tho WIC Narkup Yalidation Service 


下 看 四 忆 妇 内。 工具 中 


Markup Validation Service 


Valigate ] wl Bn [vasane vy owect nou 人 直接 输入 代码 校 验 


Valldate by direct input 上 传 网 页 文件 校 验 
通过 URL 网 址 校 验 


输入 网 页 代码 区 域 


» More Options 


图 3-15 检验 是 否 符合 W3C 的 XHTML 标准 


3.3 XHTML 的 最 佳 拍档 CSS 


虽然 XHTML 也 可 以 设置 网 页 大 小 色彩 之 类 的 格式 ,但 级 联 样式 表 ( Cascading Style 
Sheets,CSS ) 可 以 更 好 地 定义 网 页 的 外 观 ,并 更 好 地 实现 格式 与 内 容 的 分 离 。 可 以 说 , 没 
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有 CSS 的 XHTML 是 不 完整 的 。 
CSS 的 使 用 有 3 种 方法 比较 常用 ,分 别 是 : 
。 在 <head > 标签 中 使 用 <style > 标签 ; 
。 直接 在 XHTML 标签 中 使 用 style 属性 ; 
。 在 <head > 标签 中 使 用 <link > 标签 链接 外 部 的 CSS 文件 。 


3.3.1 在 <head > 标签 中 使 用 < style > 标签 


当 需 要 将 一 个 网 页 中 的 多 个 XHTML 标签 中 的 内 容 格式 统一 时 ,使 用 这 种 方法 。 即 ， 
在 <head > 标签 中 的 <style ></style > 之 间 定 义 样式 ,然后 在 文件 中 使 用 这 些 样式 。 例 
如 ,要 显示 如 图 3-16 所 示 的 效果 。 


EU 回回 四 
文件 中) 编辑 到) 查看 WW 收藏 工具 上 帮助 D [3 
-©- 国 国信 | 记 女 @|9- 怠 团 - “多 
增 直 四 ) [个 ] CDecwments nd Settingsvtsilwinat 抽 而 \ 书 源码 \ess ht 国 | 加 和 到 


1. 动态 网 页 设计 基础 


2. XHTML 基础 
3. CSS 基 础 


图 3-16 应 用 CSS 样式 表 效 果 


图 3-16 是 将 3 条 标题 居中 显示 。 若 照 以 前 的 做 法 , 需 分 别 为 每 个 <h2 > 标签 设置 
align = "center" 属性 ,但 使 用 了 CSS 样式 表 则 很 方便 ,也 更 便于 修改 。 代 码 如 下 所 示 。 


< !DOCTYPE html FUBLIC " ~ //WBC//DID XHTML 1.0 Transitional//EN" 
"htbpb:/www.vB.org/TRVxhtmll/DTD/xhtmll - transitional .dtd" > 
< html xmlns = "http://www.w3.org/1999/xhtml" > 
<head> 
<meta http - equiv= "Content - TYPe" content = "text/html; darset = GE2312"/ > 
<title></title> 
<style> 
I 
{ 
text - aligqn:oanter; 
} 
</style> 
< /head> 
<body> 
<h2 >1. 动 态 网 页 设计 基础 < /t2 > 
<12 >2.xHML 基础 < /2 > 
<h2 >3.Css 基 础 < /2 > 
< [body> 
< jhtml > 
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可 以 看 出 ,代码 中 <body > 标签 中 的 内 容 可 以 不 做 任何 多 余 的 修饰 ,居中 效果 只 需 在 
CSS 中 设置 一 次 即 可 。 


3.3.2 ”直接 在 XHTML 标签 中 使 用 style 属性 

直接 在 XHTML 标签 中 使 用 style 属性 的 语法 如 下 : 

< 标签 名 称 style= "属性 1: 值 1; 属 性 2: 值 2; 属 性 3: 值 3;…" > < /标签 名 称 > 

例如 ,设置 字符 “世界 你 好 "字体 为 隶书 ,字号 为 20 点 ,可 以 写 为 : 

<p style= "fent - family: 隶 书 ;font - size:20pt" > 世界 你 好 < /p> 

这 种 方法 与 使 用 XHTML 方式 设置 格式 没有 本 质 的 区 别 , 它 失 去 了 CSS 特有 的 优 
势 ,因此 这 种 方法 不 常用 。 
3.3.3 ”在 <head > 标签 中 使 用 <link > 标签 链接 外 部 的 CSS 文件 


如 果 和 希望 通过 使 用 相同 的 CSS 样式 定义 ,将 多 个 网 页 的 格式 统一 ,可 以 先 将 样式 定 
义 保存 为 一 个 CSS 文件 ,然后 在 这 些 网 页 的 < head > 标签 中 使 用 < link > 标签 链接 外 部 
的 CSS 文件 。 

例如 ,多 个 网 页 需要 设置 为 灰色 背景 ,并 且 当 鼠标 悬 放 到 超 链 接 上 时 显示 十 字 线 光 
标 ,如 图 3-17 所 示 。 


EB - 了 icrosoft Internet ExzpIorer 
文件 人 E) 编辑 EE) 查看 WW) 收 若 由 工具 CD) 帮助 00) 
:日 * 国 国 儿 | 请 女 自 | 全 :名 加 ~ 
;地址 男 ) | 咎 C:\Documents and Settines\tailwind\ 点 面 \ 书 源码 \css ht 国 | 园区 到 


工 动 林 网 页 到 六 基础 
了 .217 杠 基 础 
了 0C55 基 础 


六 大 


逢 http://tsilwind ev 


图 3-17 使 用 <link > 标签 链接 外 部 CSS 文件 效果 


可 以 按 以 下 方法 制作 。 
(1) 使 用 记事 本 新 建 一 个 文件 ,录入 以 下 样式 代码 。 


body 
{ 


fant - style:italic; 
background - color:#e7e7e7; 
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Cursor:crosshair; 
} 


(2) 将 此 文件 保存 名 为 tree. css。 

(3) 在 各 网 页 的 <head > 标签 中 添加 代码 < link href =" tree. css" rel =" stylesheet" 
type = "text/css"/ > 即 可 。 

图 3-17 所 示 的 网 页 代码 如 下 。 


< !DOCTYPE, html PUBLIC " — /ABCWDID XHTML 1.0 Transitional//EN" 
"http://ww. 吧 .org/TRVxhtmll/DTD/zhtmll - transitional .dtd" > 
< html xmlns = "http://www.w3.org/1999/xhitml" > 
<head> 
< meta http ~ equiv= "Content - Type" ontent = "text/html; charset = GE2312" > 
<title> 学 习 Css< /title> 
< link href = "tree.css" rel = "stylesheet" type = "text/css"/ > 
< /head > 
<body> 
<p>1. 动 态 网 页 设计 基础 < /p> 
<p>2.XHML 基 础 < /p> 
<p>3.CSS 基 础 < /p> 
<ahref = "http://tailwind.a"> 技 术 支持 < /a> 
< /body > 
< /html > 


3.3.4 定义 CSS 


样式 规则 的 使 用 例子 前 面 已 经 使 用 了 几 个 ,总 结 其 语法 如 下 : 


选择 器 1 
{ 
属性 1: 属性 值 1; 
属性 2: 属性 值 2; 


} 
选择 器 2 
{ 
属性 1: 属性 值 1; 
属性 2: 属性 值 2; 


} 
选择 器 除了 可 以 使 用 基本 的 XHTML 标签 名 字 , 如 body .h2 .p 外 ,还 可 以 有 另外 两 种 


类 别 , 即 用 户 自 定义 的 类 ( 如. menu) 和 虚 类 ( 如 a:active) 。 
另外 ,每 个 样式 的 内 容 也 可 以 写 在 一 行 里 ,如 : 
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选择 器 1{ 属性 1: 属性 值 1; 属性 2: 属性 值 2; …} 
选择 器 2{ 属性 1: 属性 值 1; 属性 2: 属性 值 2; …} 


但 是 分 行 写 可 以 使 样式 可 读 性 更 好 。 
1. 使 用 基本 的 XHTML 标签 名 字 
这 种 以 XHTML 标签 的 名 字 作为 选择 器 的 方式 在 实际 使 用 中 非常 典型 。 它 可 以 为 某 


个 或 某 些 XHTML 标签 应 用 样式 定义 。 如 前 面 tree. css 中 应 用 于 <a > 标签 中 的 样式 
震 闫 。 


Cursor:crosshair; 


有 个 这 样 的 样式 定义 ,网 页 中 只 要 出 现在 <a > 标签 中 的 内 容 , 鼠 标 悬 放 时 都 呈现 为 
十 字 线 光标 。 

如 果 对 于 多 个 XHTML 标签 应 用 的 样式 相同 ,可 以 通过 编组 方式 简化 样式 的 定义 , 即 
用 逗号 将 不 同 的 XHTML 标记 分 开 。 例 如 ,对 于 


text - align:oanter; 
} 


可 以 写 为 


hlvbh2,b3 
{ 
text -align:oenter7 
和 


2. 用 户 自 定义 的 类 
定义 标签 类 的 语法 如 下 ( 注意 类 名 前 的 句点 ): 


-类 名 
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属性 1: 属性 值 1; 
属性 2: 属性 值 2; 


i 
定义 后 ,如 某 个 标签 需要 使 用 上 面 类 的 设置 效果 ,可 以 通过 添加 class 属性 来 引用 , 语 
法 如 下 (注意 调用 时 的 类 名 前 不 再 加 句点 ) : 
< 标签 名 称 class= "类 名 ">< /标签 名 称 > 
如 : <p class = "bigfont " > 世界 你 好 </p>。 
3. 自动 应 用 的 样式 
定义 自动 应 用 样式 的 语法 如 下 (注意 ID 名 前 的 # 号 ) : 


#ID 名 
{ 
属性 1: 属性 值 1; 
属性 2: 属性 值 2; 


} 
定义 后 , 若 页 面 元 素 的 ID 名 与 样式 的 ID 名 相同 , 则 此 样式 自动 应 用 。 


4. 虚 类 


虚 类 是 单独 对 <a > 标签 ( 超 链接 标签 ) 使 用 的 ,可 以 设置 超 链接 的 显示 状态 样式 。 
虚 类 可 以 设置 超 链接 的 4 种 状态 类 型 : 

a:link: 未 访问 过 的 超 链接 。 

a:visited; 已 经 访问 过 的 超 链 接 。 

a:hover: 访问 者 操作 鼠标 悬 放 时 的 超 链 接 。 

aiactive: 正在 单 击 超 链接 时 。 

这 4 种 状态 的 效果 如 图 3-18 所 示 。 


加 学 习 CSS - Wicrosoft Internet Explorer 
; 文件 ”编辑 E) 查看 0 收 蔷 作 ) 工具 C) 帮助 吕 
ij@-©O- 国 国信 | 请 轨 旭 | 自 :- 生 团 -加 KK 轧 


已 经 访问 过 的 超 链接 

访问 者 操作 鼠标 悬 放 时 的 超 链接 
未 访问 过 的 超 链 接 

正 单 击 超 链接 时 ， 此 链接 


的 状态 将 交 为 请 二 


| 四 Eile:771E:7Documentsy20andy20Settingsftsilyin 时 我 的 电脑 


图 3-18 设置 超 链接 的 4 种 状态 类 型 
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本 网 页 的 源 代 码 如 下 : 


< !DOCTYPE, html FUBLIC " — //BC//DID XHTML 1.0 Transitional//EN" 
"http://www-w3.org/IR/xhiml1 /DID/xhimll - transitional .dtd" > 
< html wmlns = "http://www.w3.org/1999/xhtml" > 
<head> 
<meta http — eqyiv = "Content - Type" omtent = "text/html; darset = GE9312"/ > 
<title> 学 习 css< /title> 
<style> 
a:link 


olor: #0000ff; 


font — weight: nomal; 
fent- style: momal; 


Color: #3399ff; 
text - Gecoraticn: none; 


font - weight: normmal7 
font - style: italic; 


color: #00ab00; 
text - deooration: underline; 
background - color: #eaeaea; 
font - weight: pold; 
font - style: nommal7 
} 
a:active 
{ 
Color: #ff00007 
text - Gecoraticn: none; 
background - color: #818181; 
font - weight: bold; 
font — style: nommal7 
: 
</style> 
< [head > 
<body> 
<ahref= 只 "> 状态 演示 < /a> <hr/> 
<ahref= 只 "> 状态 演示 < /a> <hr/> 
<ahref= 只 "> 状态 演示 < /a> <hr/> 
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<ahref= 只 "> 状态 演示 < /a> <hr/> 

< [body> 

< /html > 

上 面 的 例子 对 超 链接 的 4 种 显示 状态 分 别 进行 了 设置 。 需 要 注意 的 是 ,这 4 种 状态 
设置 是 有 顺序 要 求 的 , 即 a:link 一 a:visited 一 *a:hover-al:active。 

提示 : 已 经 单 击 过 的 超 链接 若 需 恢复 原始 状态 , 需 清除 浏览 器 的 历史 记录 。 步 骤 是 
在 了 浏览 器 的 菜单 栏 单 击 [ 工 具 】|【 Internet 选项 ] |【 清除 历史 记录 】。 


3.3.5 常用 CSS 样式 属性 
下 面 列 出 一 些 常 用 的 CSS 样式 属性 。 其 中 ,由 /* 和 */ 围 住 的 部 分 是 CSS 注释 内 


容 , 使 用 时 可 去 掉 。 
1. 文字 属性 
color: #999999; /* 文 字 颜 色 * / 
font - family: 宋体 ; /* 文字 字体 * / 
font - size: 9pt; /* 文字 大 小 * / 
font - style:itelic; /* 文字 斜体 * / 
line - height: 200% ; /* 设置 行 高 * / 
font - weight :bold; /* 文字 粗 体 * / 
text - indent: 2em; /* 段落 首 行 缩 进 2 个 字符 * / 
text - deooraticn:line - through; /* 加 删除 线 * / 
text - deooration:underliney /* 加 下 划 线 * / 
text - decoraticn:noney /* 删除 超 链接 的 下 划 线 * / 
text - transform: capitalize; /* 首 字 大 写 * / 
text - align:right; /* 文字 右 对 齐 * / 
text - align:left; /* 文字 左 对 齐 * / 
text - align:centery /* 文字 居中 对 齐 * / 
vertical - align:tapy /* 垂直 向 上 对 齐 * / 
vertical - align:bottamy /* 垂直 向 下 对 齐 * / 
vertical - alignzmidaley /* 垂直 居中 对 齐 * / 
2. 符号 属性 
list - style - type:none; /* 不 编号 * / 
list - style - type:decimal /* 阿拉 伯 数 字 * / 
list - style - type:upper - raman， /* 大 写 罗 马 数字 * / 
list - style - type:lower - alpha; /* 小 写 英文 字母 * / 
list - style - type:disc. /* 实心 圆 形 符号 * / 
list - style - type:circle， /* 空心 圆 形 符号 * / 
list - style - type:square; /* 实心 方形 符号 * / 
list - style - image:url (/dot.gif); /* 图片 式 符号 * / 
list - style - position:outside; /* 凸 排 * / 
list - style - position:insidey /* 缩 进 * / 
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3. 背景 样式 


background - color:#F5E2PC7 
background:transparent; 
background - image : url (/image/bg.gif); 
background - repeat : repeat; 
background - repeat : np — repeat; 
background - repeat : repeat — x; 
backoground - repeat : repeat 一 Y7 
background - Positicn : oenter; 


4. 鼠标 光标 样式 


CURSCR: hangd; 

Cursor:crosshair; 

Cursor:help; 

Cursor:text7 

Cursor:wait7 

p {cursor:url (" 光 标 文件 名 .axr") ,text;}; 


5. 边界 与 边框 样式 


float: left; 

float: right; 

Position: abeclutey 

Position: relativey 

left: 10px; 

top: 10px; 

border - top : lpx solid #66990c; 
border - bottam : lp solid #66990c; 
border - left : lpx solid #66990c; 
border - right : lpx solid #66990c; 


6. 其 他 框 线 样式 


/* 背景 颜色 * / 

/* 透视 背景 * / 

/* 背景 图 片 * / 

/* 重复 排列 - 网 页 默认 * / 
/* 不 重复 排列 * / 

/* 在 x 轴 重复 排列 * / 

/* 在 Y 轴 重复 排列 * / 

/* 居中 对 齐 * / 


/* 链接 手指 * / 
/* 十 字形 * / 
/* 加 一 问号 * / 
/* 文 字 I 形 */ 
/* 漏 斗 * / 

/* 光标 图 案 * / 


/* 向 左 浮动 * / 
/* 向 右 浮 动 * / 


/* 相对 定位 (相对 此 元 素 的 包含 块 )* / 
/* 距 左 侧 距 离 * / 

/* 距 顶端 距离 * / 

/* 上 框 线 * / 

/* 下 框 线 * / 

/* 左 框 线 * / 

/* 右 框 线 * / 


/* 实 线 框 * / 

/* 虚线 框 * / 

/* 双 线 框 * / 

/* 上 边界 * / 

/* 右边 界 值 * / 

/* 下 边界 值 * / 

/* 左 边界 值 * / 

/* 上 边框 留 空白 * / 
/* 右边 框 留 空白 * / 
/* 下 边框 留 空白 * / 
/* 左边 框 留 空白 */ 
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3.3.6 Visual Studio 中 使 用 样式 


Visual Studio 中 有 个 新 的 样式 生成 器 对 话 框 。 使 用 此 对 话 框 不 但 可 以 自动 生成 样 
式 , 也 可 以 即时 预览 。 它 可 以 创建 基于 ID 的 、 基 于 元 素 的 ,内 艇 的 .基于 类 的 各 种 样式 。 
也 可 以 蔡 入 外 部 现 有 的 样式 文件 (. CSS ) 。 

可 以 通过 单 击 Visual Studio 菜单 的 [格式 】 [新建 样式 ] 打开 【新 建 样式 ] 对 话 框 ( 如 
图 3-19 所 示 ) ,也 可 以 通过 “管理 样式 "工具 窗口 来 打开 它 。 


taxt-transforn: | 


olor 


微软 卓越 AaBbCe 


CE 
图 3-19 【新 建 样式 ] 对 话 框 


对 话 框 中 的 各 个 选项 说 明 如 下 : 
。 选择 器 : 可 以 自己 输入 一 个 样式 名 ,或 者 从 下 拉 列 表 选 择 级 联 样式 。 
。 定义 位 置 : 可 以 选择 将 定义 的 新 样式 创建 在 当前 页 面 . 现 有 的 样式 表 或 新 的 样式 


表 中 。 

。 将 新 样式 应 用 于 文档 选择 内 容 : 选择 该 选项 ,新 样式 将 只 对 文档 中 选择 的 内 容 
应 用 。 

。 类 别 : 点 击 每 个 类 别 时 ,右边 就 会 打开 相关 的 属性 。 任 何 被 改动 过 的 属性 ,其 类 
别 都 会 以 粗 体 方式 显示 。 

。 URL: 只 有 当 在 【定义 位 置 ] 中 选择 [ 现 有 样式 表 】 时 , 才 会 使 用 到 这 个 选项 标识 外 
部 CSS 文件 的 路 径 。 


现在 ,如 果 想 为 一 个 Button 控件 创建 样式 ,可 以 做 的 就 是 在 设计 视图 选中 该 控件 , 然 
后 打开 【新 建 样式 ] 对 话 框 ,设置 需要 的 属性 ,预览 ,最 后 单 击 [应 用 】 按 钮 即 可 。 

样式 生成 器 对 于 CSS 样式 初学 者 来 说 非常 有 用 ,用 它 在 网 页 中 完成 常规 的 CSS 样式 
编码 非常 有 效 。 
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本 章 小 结 


本 章 通过 多 个 小 案例 ,概括 性 地 学 习 了 XHTML 语言 。XHTML 语言 中 的 标签 是 网 
页 的 基本 组 成 元 素 ,而 CSS 具有 更 好 的 外 观 修饰 能 力 。 不 管 多 么 复杂 的 网 页 样式 ,最 终 
都 能 以 XHTML 标签 结合 CSS 的 形式 来 展现 。 


习题 


操作 题 


(1) 请 制作 一 个 CSS 文件 ,然后 将 此 CSS 文件 链接 到 本 章 例子 中 的 每 篇 XHTML 文 
档 , 从 而 使 这 些 XHTML 文档 的 格式 得 到 统一 美化 。 

(2) 用 XHTML +CSS 制作 一 个 简单 的 网 页 。 内 容 不 限 ,尽量 多 使 用 一 些 标 签 ,使 效 
果 多 样 化 。 


ASP. NET 只 是 .NET 框架 基础 上 的 一 个 应 用 (或 者 说 是 运行 环境 ) ,而 C#( 读 为 “C 
Sharp”) 与 VB、Java、C ++ 等 一 样 ,本 身 是 一 门 高 级 编程 语言 ,利用 C# 语 言 结合 ASP 
.NET 提供 的 一 些 专 有 对 象 才 可 以 编写 出 功能 强大 的 动态 网 站 。 要 理解 这 一 点 可 以 再 回 
顾 一 下 第 1 章 “ ASP. NET 开发 环境 和 平台 "的 内 容 。 

当然 ,使 用 VB. NET 也 可 以 开发 ASP. NET 动态 网 站 ,但 由 于 C# 是 专门 为 .NET 新 开 
发 的 编程 语言 ,与 .NET Framework 同时 出 现 和 发 展 ;换个 角度 看 ,C# 出 现 较 晚 ,恰恰 可 以 
吸取 其 他 编程 语言 的 优点 一 一 C# 不 仅 结 合 了 C ++ 的 强大 灵活 性 和 Java 语言 的 简洁 特性 ， 
还 吸取 了 Delphi 和 Visual Basic 所 具有 的 易 用 性 。 因 此 ,C# 是 一 种 使 用 简单 .功能 强大 、 
表达 力 丰 富 的 语言 。 事 实 上 ,大 部 分 的 专业 . NET 开发 人 员 选 择 了 C#。 这 里 ,我 们 也 选 
择 了 C#。 

如 果 读 者 已 经 有 C、C ++ ,Java 的 使 用 经 历 ,那么 C# 的 学 习 将 更 加 快捷 ,可 以 说 已 经 
掌握 了 80% 了 。 因 为 它们 的 语法 规则 非常 类 似 。 

既然 涉及 了 编程 语言 ,那么 请 坚信 ,只 有 不 断 练 习 才 是 最 好 的 学 习 方 式 , 所 以 建议 读 
者 从 本 章 开始 对 书 中 所 提供 的 程序 示例 亲自 进行 编辑 .调试 和 运行 。 


4.1 编码 与 存储 结构 


4.1.1 ASPX 网 页 代码 存储 模式 


用 ASP. NET 技术 创建 的 网 站 中 虽然 可 以 包括 多 种 类 型 的 网 页 ,如 . htm 文件 .html 
文件 .asp 文件 ,但 是 最 基本 的 网 页 是 以 . aspx 作为 扩展 名 的 网 页 ,这 种 网 页 又 简称 为 
ASPX 网 页 (或 称 为 Web 窗 体 页 ) 。 

对 于 每 一 个 ASPX 网 页 ,默认 情况 下 采用 代码 分 离 模式 开发 ,也 就 是 将 ASPX 网 页 文 
件 一 分 为 二 ,一 个 是 以 . aspx 为 扩展 名 的 设计 文件 , 另 一 个 是 以 . cs 为 扩展 名 的 代码 文件 。 
这 一 点 ,可 以 通过 展开 Visual Studio[ 解决 方案 资源 管理 器 ] 窗 口中 网 页 文件 前 的 加 号 外 
看 到 ,如 全 禄 ot 。 
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当 网 页 很 多 时 ,Visual Studio 如 何 知 道 哪 两 个 文件 是 一 对 呢 ? 其 实 ,两 个 文件 是 有 内 


部 联系 的 ,如 图 4-1 所 示 。 


国 Default aspx 


一 曾 Default. aspx. cs 


Re Page Language="C#" 
AutoEventWireup="true’ 
CodeFile="Default .aspx.cs" 
Inherits=" Default" 


using System; 


public partial class Default: 
-一 


SyStem.Web.UIi.Page 


{ 

<!DOCTYPE htm1l PUBLIC "-//W3C//DTD protected void Page Load(object 

XHTML 1.0 Transitional//EN" sender, EventArgs e) 

"http://www.w3.0rg/TR/xhtml1/DTD/ f 

xhtmll-transitional.dtd"> 
ee 中 则 省 略 ) 


</html> } 


Response.Write ("世界 你 好 !"); 


图 4-1 代码 分 离 模式 下 某 个 网 页 所 属 的 两 个 文件 内 部 联系 


设计 文件 Default. aspx 首 行 的 CodeFile 属性 指明 了 对 应 的 代码 文件 名 字 Default 
. aspx. cs,Inherits 属性 则 指明 了 代码 文件 中 类 的 名 字 _Default。 

当然 ,不 采用 代码 分 离 模 式 编写 网 页 而 采用 单一 模式 编写 也 行 , 即 一 个 网 页 只 由 一 个 
文件 组 成 ,从 而 将 代码 与 设计 标签 混合 在 一 起 以 节省 产生 的 文件 数量 。 方 法 关键 是 在 
【添加 新 项 ] 对 话 框 内 取消 选中 [将 代码 放 在 单独 的 文件 中 ] 复 选 框 ,如 图 4-2 所 示 。 但 是 
不 建议 这 样 做 。 


添加 新 项 - d: \aspnet\ 


模板 CD) : 
Visaal Studie 已 安装 的 模板 


DBM 
国 ATIAX 客户 请 控 件 
口 ATAX 母 版 页 
局]JScript 文件 


国 rev 用 户 控件 
国 ATAX 客户 病床 
六]Crystal 报表 


3 
国 ATAX Web 窗 体 
于 ATAX 客户 端 行为 
国 INL 页 
刁 sqr server 数据 库 
七 Yeb 配置 文件 
量 XSLT 文件 


央 类 

最 sm7 ATAK 的 NCF 服务 
国外 文件 

汉 一 般 处 理 程序 


Web 应 用 程序 的 窗 体 


Default2. aspx 


Weae 回转 代 四 下药 的 放下 让 
口 选择 母 版 页 GE) 从 
LuwJLL 型 
图 4-2 单 击 取消 选中 复 选 框 而 使 用 单一 模式 编写 动态 网 页 


4.1.2 ”C# 程 序 的 结构 


C# 程 序 代 码 均 书写 在 代码 文件 中 。 在 开始 学 习 C# 代 码 之 前 ,首先 应 该 了 解 ASP 
.NET 中 C# 语 言 的 基本 编程 结构 。 其 逻辑 结构 如 图 4-3 所 示 。 
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若 将 用 户 的 程序 代码 放 入 “应 用 程序 类 "的 “页 载 入 事 
件 " 中 ,就 会 自动 在 该 网 页 启动 时 执行 ( 因此 这 里 适合 做 初 
始 化 的 工作 ) “其 他 事件 ” 和"* 用 户 自 定义 方法 或 函数 " 根 
据 实际 情况 再 添加 即 可 。 

参考 代码 如 下 。 


Using Systemy // 引 入 命名 空间 ,下 同 
using System.Collections; 

using System.Configuraticny 

Using System.Ling; 

Using System.Web; 

Using System.Web.Security; 

Using System.WEb.UT7 

Using System.Web.UT .HbmlControls; 

Using System.WEb.UT.WEbControlsy 

Using System.WEb.UT.WEbControls .WebParts; 


piblic partial class_Defanlt:/g 兰 由 和 时 匈 .Face 
{ 


引入 命名 空间 


| 一 


应 用 程序 类 
{ 


页 载 入 事件 
{ 
用 户 程序 代码 ; 


其 他 事件 
{ 
用 户 程序 代码 ; 


} 


LO 


用 户 自 定义 方法 或 函数 
用 户 程序 代码 ; 


二 | 


} 
[Es 
} 

其 他 类 … 


图 4-3 ASP. NET 中 C# 语 
的 逻辑 结构 


protected void Page Icad (cbject sender, EventArgs e) ”// 页 载 和 事件 


{ 


Response.Write ("世界 你 好 1"); // 输 出 “世界 你 好 !” 


} 


E 


代码 中 , 除 加 字符 底 纹 效果 的 一 条 输出 语句 及 符号 *“//” 后 面 的 注释 外 ,其 他 代码 均 
是 由 Visual Studio 自动 构建 出 来 的 ,这 里 先 了 解 一 下 相应 含义 。 
using 关键 字 的 用 途 是 引入 命名 空间 ,以 便于 程序 使 用 微软 . NET 框架 中 现 有 的 类 库 
资源 ,该 关键 字 只 能 出 现在 应 用 程序 代码 的 开头 。 由 于 常用 的 一 些 类 库 资源 分 布 在 不 同 


的 命名 空间 内 ,所 以 这 里 多 次 使 用 using 关键 字 进 行 引入 。 
例如 : 


。 System 命名 空间 : 提供 了 构建 应 用 程序 所 需 的 各 种 系统 功能 。 
e System. Collections 命名 空间 : 包含 接口 和 类 ,这 些 接口 和 类 定义 各 种 对 象 (如 列 


表 、 队 列 、 位 数组 , 哈 希 表 和 字典 ) 的 集合 。 


。 System. Configuration 命名 空间 : 包含 提供 用 于 处 理 配 置 数据 的 编程 模型 的 类 型 。 
。 System. Data 命名 空间 : 提供 对 表示 ADO. NET 结构 的 类 的 访问 。 通 过 

ADO. NET 可 以 生成 一 些 组 件 ,用 于 有 效 管 理 多 个 数据 源 的 数据 。 
。 System. Linq 命名 空间 : 提供 支持 使 用 语言 集成 查询 (LINQ) 进行 查询 的 类 和 


接口 。 


。 System. Web 命名 空间 : 提供 使 得 可 以 进行 浏览 器 与 服务 器 通信 的 类 和 接口 。 
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。 更 多 的 命名 空间 可 参阅 MSDN。 

. NET 中 提供 大 量 的 命名 空间 ,以 便 开发 人 员 能 够 方便 地 使 用 现 有 的 类 库 进行 应 用 
程序 的 开发 。 

代码 中 ,语句 public partial class _Default 就 是 定义 一 个 应 用 程序 类 ,类 名 叫 _Default， 
由 class 关键 字 声 明 ,public 代表 它 是 公用 的 。 

partial 代表 这 是 部 分 类 ,部 分 类 可 以 提供 给 类 的 编写 者 一 种 更 好 的 代码 物理 组 织 
方式 5 

类 名 下 面 的 花 括 号 "| ”和 ”| "用 来 标识 代码 范围 。 用 户 的 程序 代码 只 能 写 在 类 中 的 
事件 .方法 或 函数 内 。 

系统 默认 构建 的 唯一 的 事件 是 页 载 和 事件 ,代码 是 protected void Page_Load ( object 
sender，EventArgs e) ,括号 ( ) 内 的 是 默认 参数 ,不 必 改 动 ,注意 观察 该 事件 的 名 称 Page_ 
Load ,这 是 一 种 * 见 名 知 意 "的 命名 方式 ,含意 为 当 网 页 载 和 时 调用 ” ,下划线 前 为 对 象 名 
Page ,后 面 是 发 生 的 事件 Load。 由 系统 生成 的 事件 大 都 是 这 样 的 格式 。 


4.1.3 ”C# 的 代码 书写 格式 


好 的 代码 格式 让 代码 具有 可 读 性 ,能 够 让 开发 者 更 加 轻松 地 了 解 和 认 知 代码 。 所 以 ， 
按照 约定 的 格式 书写 代码 是 一 个 非常 良好 的 习惯 。 主 要 书写 格式 的 原则 包括 : 应 用 缩 
进 、 大 小 写 敏感 ,空白 区 ,注释 和 见 名 知 意 。 


1. 缩 进 


缩 进 不 是 必需 的 ,但 缩 进 可 以 为 开发 人 员 阅 读 代码 带 来 层次 感 ,帮助 分 辨 区 域 ,可 以 
看 到 ,括号 都 是 有 层次 的 ,同一 语句 块 中 的 语句 应 该 缩 进 到 同一 层次 , 越 往 内 , 缩 进 得 越 
深 。 这 是 一 个 非常 重要 的 约定 ,因为 它 直接 影响 到 代码 的 可 读 性 。 

在 Visual Studio 中 编写 代码 , 缩 进 会 自动 进行 。 


2. 大 小 写 敏感 


C# 是 一 种 对 大 小 写 敏感 的 编程 语言 。 例 如 “userName”、“UserName”、“username” 都 
是 不 同 的 字符 串 ,在 编程 中 应 当 注 意 。 


3. 空白 区 

绘画 需要 留 白 ,艺术 大 师 往往 都 是 留 白 大 师 。 同 理 , 使 用 空白 亦 能 改善 代码 的 格式 ， 
提高 代码 的 可 读 性 。 比 如 在 操作 符 两 侧 添加 空格 ;各 个 代码 段 之 间 多 用 空 行 分 隔 , 等 等 ， 
都 是 书写 代码 时 的 “ 留 白 ”。 

4. 注释 

良好 的 注释 习惯 能 够 让 代码 更 加 优雅 和 可 读 , 谁 也 不 希望 代码 在 几 天 后 连 自己 也 不 
认识 了 。 

注释 的 写法 有 两 种 ,一 种 是 注释 大 段 代码 的 ,以 符号 “/ * "开始 ,并 以 符号 “ */” 结 
束 ; 另 一 种 是 注释 单行 代码 的 ,使 用 符号 “//” 来 写 注释 。 例 如 : 
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/* 

多 行 注释 

本 例 演 示 了 在 程序 中 写 注释 的 方法 
*/ 

/单行 注释 ,一 般 对 单个 语句 进行 注释 


5. 见 名 知 意 


在 给 变量 或 其 他 对 象 命名 的 时 候 ,应 给 出 具有 描述 性 质 的 名 称 ,这 样 写 出 来 的 程序 便 
于 理解 , 即 “ 见 名 知 意 " 。 比 如 一 个 消息 字符 串 的 名 字 就 可 以 叫 strMessage, 而 起 为 e9x3T 
就 不 是 一 个 好 的 变量 名 。 

建议 的 写法 格式 是 ,前 三 个 字符 代表 类 型 ,后面 使 用 一 个 或 多 个 单词 代表 作用 , 除 代 
表 作 用 的 单词 首 字母 采用 大 写 外 ,其 他 全 用 小 写 。 例 如 : 

。 字符 串 类 型 : 用 于 保存 用 户 姓名 的 变量 : strUserName; 

。 整数 类 型 : 用 于 保存 计算 结果 的 变量 : intResult; 

。 文本 框 控 件 : 用 于 保存 用 户 密码 : txtUserPassword; 

。 Label 控件 : 用 于 显示 提示 信息 : labMessage; 

。 按钮 控件 : 用 于 提交 登录 : btnLogin。 

上 述 命名 方式 实际 是 将 传统 的 匈牙利 命名 法 ( 即 前 面 写 类 型 后 面 写作 用 ) 与 驼峰 命 
名 法 ( 即 字母 大 小 写 像 驼 峰 一 样 上 下 起 伏 ) 结 合 在 一 起 了 。 


4.2 数据 类 型 


应 用 程序 总 是 需要 处 理 数据 ,而 现实 世界 中 的 数据 类 型 多 种 多 样 。 必 须 让 计算 机 了 
解 需要 处 理 什么 样 的 数据 ,以 及 采用 哪 种 方式 进行 处 理 , 按 什么 格式 保存 数据 等 。 比 如 ， 
在 编码 程序 中 需要 处 理 单个 字符 ,在 订购 票 系统 中 需要 打印 货币 金额 ,在 科学 运算 中 不 同 
情况 下 需要 不 同 精度 的 小 数 。 这 些 都 是 不 同 的 数据 类 型 。 

其 实 , 任 何 一 个 完整 的 程序 都 可 以 看 成 是 一 些 数据 和 作用 于 这 些 数 据 上 的 操作 的 说 
明 , 每 一 种 高 级 语言 都 为 开发 人 员 提 供 一 组 数据 类 型 。 不 同 的 语言 提供 的 数据 类 型 不 尽 
相同 。 

下 面 将 学 习 C# 语 言 提供 的 数据 类 型 ,以 及 使 用 这 些 数据 类 型 时 的 要 点 。 

对 于 程序 中 的 每 一 个 用 于 保存 信息 的 量 ,使 用 时 都 必须 声明 它 的 数据 类 型 ,以便 编 译 
器 为 它 分 配 内 存 空间 。C# 的 数据 类 型 可 以 分 为 两 大 部 分 : 值 类 型 和 引用 类 型 。 


4.2.1 值 类 型 


在 具体 讲解 各 种 类 型 之 前 先 提 一 下 变量 的 概念 ,在 后 面 将 对 变量 作 进 一 步 的 讨论 。 
从 用 户 角 度 来 看 ,变量 就 是 存储 信息 的 基本 单元 ;从 系统 角度 来 看 ,变量 就 是 计算 机 内 存 
中 的 一 个 存储 空间 。 

下 面 开始 介绍 值 类 型 。C# 的 值 类 型 可 以 分 为 以 下 几 种 : 


。 简单 类 型 
。 结构 类 型 
。 枚 举 类 型 


1. 简单 类 型 
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简单 类 型 ,是 直接 由 一 系列 元 素 构成 的 数据 类 型 。C# 语 言 中 提供 了 一 组 已 经 定义 的 
简单 类 型 。 从 计算 机 的 表示 角度 来 看 ,这 些 简单 类 型 可 以 分 为 整数 类 型 ,布尔 类 型 .字符 


1) 整数 类 型 


顾名思义 ,整数 类 型 的 变量 的 值 为 整数 。 数 学 上 的 整数 可 以 从 负 无 穷 大 到 正 无 穷 大 ， 
但 是 由 于 计算 机 的 存储 单元 是 有 限 的 ,所 以 计算 机 语言 提供 的 整数 类 型 的 值 总 是 在 一 定 


的 范围 之 内 。 


C# 中 有 9 种 整数 类 型 ,划分 的 依据 是 根据 该 类 型 的 变量 在 内 存 中 所 占 的 位 数 。 位 数 
的 概念 是 按照 2 的 指数 寡 来 定义 的 。 比 如 说 8 位 整数 , 则 它 可 以 表示 2 的 8 次 方 个 数值 ， 
即 256。 这 些 整数 类 型 在 数学 上 的 表示 以 及 在 计算 机 中 的 取 值 范围 见 表 4-1。 


表 4-1 整数 类 型 
数据 类 型 名 称 特 征 取 值 范 
sbyte 短 字 节 型 有 符号 8 位 整数 -128 ~127 
byte 字 节 型 无 符号 8 位 整数 0~255 
short 短 整 型 有 符号 16 位 整数 —32 768 ~ 32 767 
ushort 无 符号 短 整 型 无 符号 16 位 整数 0 ~65 535 
int 整 型 有 符号 32 位 整数 —2 147 483 648 ~2 147 483 647 
uint 无 符号 整 型 无 符号 32 位 整数 | 0 ~4294 967 295 
long 长 整 型 有 符号 64 位 整数 | 7 
ulong 无 符号 长 整 型 无 符号 64 位 整数 0 ~18446 744 073 709 551 615 
例如 : 


int intSm= 20 + 30; 


2) 布尔 类 型 


// 定 义 整 型 变量 intsum, 并 为 其 赋值 为 50 (20 和 30 的 和 ) 


布尔 类 型 表示 的 逻辑 变量 只 有 true 和 false 两 种 取 值 ,是 用 来 表示 “ 真 " 和 *“ 假 "这 两 


个 概念 的 。 如 : 


bool bolIsBpoy = true; 


/定义 布尔 型 变量 bolTsBoy, 并 为 其 赋值 为 true 真 ) 


(pt C 和 C++ 中 ,用 0 来 表示 “ 假 ", 其 他 任何 非 0 的 式 子 都 表示 “ 真 ", 这 种 不 正规 
的 表达 在 C# 中 已 经 被 废弃 了 。 


3) 实数 类 型 
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实数 类 型 分 为 浮 点 类 型 和 十 进 制 类 型 。 

浮 点 类 型 在 C# 中 采用 两 种 数据 类 型 来 表示 : 单 精度 (float) 和 双 精 度 (double) ,它们 
的 差别 在 于 取 值 范围 和 精度 不 同 。 计 算 机 对 浮 点 数 的 运算 速度 大 大 低 于 对 整数 的 运算 ， 
在 对 精度 要 求 不 是 很 高 的 浮 点 数 计算 中 ,可 以 采用 float 型 ,而 采用 double 型 获得 的 结果 
将 更 为 精确 。 当 然 ,大 量 使 用 双 精 度 浮 点 数 将 会 占用 更 多 的 内 存单 元 ,而 且 计 算 机 的 处 理 
任务 也 将 更 加 繁重 。 

。 单 精度 : 取 值 范围 为 1.5 x10-” ~ +3.4 x10” ,精度 为 7 位 数 ; 

。 双 精 度 : 取 值 范围 为 +5.0 x10- ~ 上 + 上 1.7 x103 ,精度 为 15 到 16 位 数 。 

十 进 制 类 型 ( decimal) 主要 用 于 在 金融 和 货币 方面 的 计算 。 它 的 取 值 范围 比 double 
类 型 的 范围 要 小 得 多 ,但 它 更 精确 。 十 进 制 类 型 是 128 位 数据 类 型 ,运算 结果 可 准确 到 小 
数 点 后 28 位 。 它 所 表示 的 范围 为 1.0 x10-*”~7.9 x10”。 

当 定义 一 个 decimal 变量 并 赋值 给 它 时 ,数值 后 补充 m 作为 下 标 以 表明 它 是 一 个 十 
进 制 类 型 。 如 : 

decimal decdMoney =1.0m; 

4) 字符 类 型 

除了 数字 以 外 ,计算 机 处 理 的 信息 主要 就 是 字符 了 。 字 符 包 括 数字 字符 .英文 字母 、 
表达 符号 等 ,C# 提 供 的 字符 类 型 按照 国际 上 公认 的 标准 ,采用 Unicode 字符 集 。 

一 个 Unicode 的 标准 字符 长 度 为 16 位 ,用 它 可 以 表示 世界 上 大 多 数 语言 。 可 以 按 以 
下 方法 给 一 个 字符 变量 赋值 ,如 : 

char chrGrade = 'A'; 

另外 ,还 可 以 直接 通过 十 六 进 制 转 义 符 (前 级 \x) 或 Unicode 表示 法 给 字符 型 变量 赋 
值 (前 级 \u) ,如 下 面 对 字符 型 变量 的 赋值 写法 都 是 正确 的 : 

har hrx= ' \x0032';// 


har chrY= ' \H0032';// 


在 C# 中 也 存在 着 转 义 字符 ,用 来 在 程序 中 指 代 特殊 的 控制 字符 , 见 表 4-2。 


表 4-2 转 义 字符 
转 义 符 字符 名 转 义 符 字符 名 
¥ 单 引号 \f 换 页 
w 双 引 号 \n 新 行 
\\ 反 和 斜 杠 \r 回 车 
\0 空 字符 \t 水 平 制 表 符 tab 


\a 响 铃 \v 垂直 制 表 符 


例如 ,要 输出 这 样 一 句 字 符 串 “旗帜 上 写 着 " 自由 " 两 个 字 ”, 若 直接 写成 : 
Fesponse -iite ("旗帜 上 写 着 "自由 呐 个 字 "); 
程序 会 出 错 ,因为 文字 内 容 里 的 双 引 号 (" ) 与 作为 定 界 符 的 双 引 号 (" ) 有 冲突 。 解 
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决 的 办 法 就 是 使 用 转 义 字符 替代 内 容 中 的 双 引号 (" ) : 


Fesponse-Wite(" 宅 帜 上 写 着 \" 自 由 \' 呐 个 字 "); 
2. 结构 类 型 


利用 上 面 介 绍 过 的 简单 类 型 ,进行 一 些 常用 的 数据 运算 .文字 处 理 似乎 已 经 足够 了 ， 
但 是 不 可 避免 会 碰 到 一 些 更 为 复杂 的 数据 类 型 。 比 如 ,通讯 录 的 每 条 记录 要 存放 他 人 的 
姓名 .电话 和 地 址 ,如果 按照 简单 类 型 来 管理 ,每 一 条 记录 都 要 存放 到 三 个 不 同 的 变量 当 
中 ,这 样 工作 量 大 ,不 易 管 理 ,也 不 够 直观 。 
最 好 的 办 法 是 定义 一 种 新 的 类 型 , 它 的 内 部 可 由 多 种 简单 类 型 组 合 而 成 ,这 样 就 可 以 
把 各 种 不 同类 型 数据 信息 存放 在 一 起 构成 一 个 “组 ” ,统一 处 理 。 这 个 新 的 类 型 就 是 结构 
类 型 。 内 部 的 每 一 个 简单 变量 称 为 结构 的 成 员 ,结构 类 型 采用 struct 来 进行 声明 。 例 如 ， 
可 以 定义 一 个 存放 通讯 录 的 结构 类 型 : 
struct Ehonepook 
{ 
piblic string strNamey 
piblic string strEhone; 
piblic string stractress; 
} 
EhonsBook FEclassmatey 
pbClassmate 就 是 一 个 PhoneBook 结构 类 型 的 变量 。 上 面 声明 中 的 public 表示 对 结 
构 类 型 的 成 员 的 访问 权限 。 有 关 访 问 权限 的 细节 问题 将 在 之 后 详细 讨论 。 
对 结构 成 员 的 访问 通过 结构 变量 名 加 上 访问 符 “. ”句点 ,后 面 再 跟 成 员 的 名 
称 ,如 : 


Hhclasgrate.streme = " 周 小 杰 "; 
HClassrate. strEhone = "024 - 89714166"; 
Response .Write (bclassmate.strName) 7 // 输 出 结果 “ 周 小 杰 ” 


结构 类 型 包含 的 成 员 的 类 型 和 数量 没有 限制 ,可 以 相同 ,也 可 以 不 同 。 比 如 ,可 以 在 
通讯 录 的 记录 中 再 加 上 年 龄 这 个 成 员 : 


3. 枚 举 类 型 
设计 枚 举 的 意义 ,实际 上 是 为 一 组 在 逻辑 上 密 不 可 分 的 整数 值 提 供 便于 记忆 的 符号 。 
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例如 ,声明 一 个 代表 颜色 的 枚 举 类 型 的 变量 MyColor: 


enm MyColor{red, yellow, blue, green, black white}; 


使 用 时 可 采用 以 下 语法 : 
int intapple= MyColor .green; // 等 效 于 int intapple=3; 
int intorange = MyColor. yellow; // 等 效 于 int intorange=1; 
从 上 面 的 语句 可 以 看 到 : 


。 枚 举 类 型 的 变量 在 某 一 时 刻 只 能 取 枚 举 中 某 一 个 元 素 的 值 ; 

。 相对 于 直接 使 用 数字 ,采用 枚 举 赋值 更 有 意义 ,便于 记忆 和 理解 ; 

。 枚 举 中 的 每 一 个 元 素 类 型 都 是 int 型 ,第 一 个 元 素 的 值 为 0, 第 二 个 元 素 的 值 为 1， 
其 后 依 此 递增 。 

当然 ,也 可 以 通过 给 元 素 直接 赋值 的 方法 使 其 序列 从 1 而 不 是 0 开始 : 


enm MyColor{red= 1, yellow, blue green black, white}; 


这 样 red 的 值 为 1, 其 后 元 素 的 值 分 别 为 2,3,…… 
为 枚 举 元 素 所 赋 的 值 的 类 型 限于 long ,int short 和 byte 等 整数 类 型 。 


4.2.2 引用 类 型 


C# 中 的 男 一 大 数据 类 型 是 引用 类 型 ,引用 这 个 词 在 这 里 的 含义 是 : 该 类 型 的 变量 不 
直接 存储 所 包含 的 值 , 而 是 指向 它 所 要 存储 的 值 。 也 就 是 说 ,引用 类 型 存储 实际 数据 的 引 
用 值 的 地 址 (CALC ++ 中 的 指针 即 是 一 种 引用 类 型 )。C# 中 的 引用 类 型 有 4 种 : 


1. 类 (class) 


C4 是 一 种 标准 的 面向 对 象 开发 语言 ,类 则 是 面向 对 象 编程 的 基本 单位 ,是 一 种 包含 
数据 成 员 .函数 成 员 和 党 套 类 型 的 数据 结构 。 类 的 数据 成 员 有 常量 、 域 和 事件 ,函数 成 员 
包括 方法 属性 ,索引 指示 器 .运算 符 .构造 本 数 和 析 构 函数 。 

类 支持 继承 机 制 。 通 过 继承 ,派生 类 可 以 扩展 基 类 的 数据 成 员 和 函数 方法 ,进而 达到 
代码 重用 和 设计 重用 的 目的 。 

有 关 类 的 概念 将 在 4.6 节 详细 讲解 。 

(四 类 和 结构 同样 都 包 全 了 自己 的 成 员 , 但 它们 之 间 最 主要 的 区 别 在 于 ,类 是 引用 关 
型 ,而 结构 是 值 类 型 


2. 代表 ( delegate) 


代表 (delegate) ,有 的 书 中 称 它 为 委托 。 无 论 对 它 如 何 进行 翻译 ,实际 从 运用 上 看 , 它 
相当 于 C/C ++ 中 的 函数 指针 。 当 然 ,与 指针 不 同 的 是 ,代表 在 C# 中 是 类 型 安全 的 。 
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有 了 代表 ,就 多 了 一 条 调用 方法 的 途径 。 即 ,不 但 可 以 用 方法 名 来 调用 ,也 可 以 将 代 


表 指向 方法 后 ,采用 代表 来 调用 。 


在 声明 代表 时 ,需要 指定 代表 指向 的 原型 的 类 型 。 注 意 , 它 不 能 有 返回 值 , 也 不 能 带 


有 输出 类 型 的 参数 。 比 如 可 以 声明 一 个 指向 int 类 型 函数 原型 MyDelegate( ) 的 代表 : 


Celegate int MDelegate (); 


下 面 的 例子 采用 调用 方法 名 和 代表 这 两 种 方式 , 均 实 现 了 输出 信息 “条 条 大 路 通 


罗马 ”。 


Pblic partial class Default: System.Web.UI.Page 
{ 
Gelegate string myDelegate (); // 声 明 一 个 字符 串 类 型 的 代表 rwpelegate 
Protected void Page Load (dbject sender, EventArgs e) 
{ 
Test t= new Test (); 


Response .Write( ER ); // 通 过 方法 名 的 调用 来 输出 信息 
myDelegate dg = new myDelegate (t.Raren); // 将 代表 指向 实例 方法 Faran 
Response.Write( SH() ); // 通 过 代表 来 输出 信息 

} 
} 
Class Test 
{ 
Public string Roman() // 建 立方 法 


{ 
retum(" 条 条 大 路 通 罗 马 !"); 
} 


3. 数组 
在 进行 批量 处 理 数据 的 时 候 , 常 要 用 到 数组 。 数 组 是 一 组 类 型 相同 的 有 序数 据 ,数组 


按照 数组 名 ,数据 元 素 的 类 型 和 维 数 来 进行 描述 。 


数组 的 声明 格式 : 
类 型 [] 数 组 名 = new 类 型 [元 素 个 数 ] 
比如 声明 一 个 整数 数组 : 


int[] arr= new int[3]7 
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它 在 内 存 中 的 逻辑 结构 如 图 4-4 所 示 。 数组 名 : arr 
和 


在 使 用 数组 的 时 候 ,可 以 通过 在 数组 名 后 的 [ ] 中 元素: arlol 数据 放 这 里 
加 入 下 标 来 取得 对 应 的 数组 元 素 , 如 arr[2] 。C# 中 的 元 素 : arr[1] 数据 放 这 里 
数组 元 素 的 下 标 是 从 0 开始 的 ,也 就 是 说 ,第 一 个 元 六 所 让 这 时 


素 对 应 的 下 标 为 0 以 后 逐个 增加 。 | 

在 C# 中 数组 可 以 是 一 维 的 也 可 以 是 多 维 的 。 四 4 一生 委 四 在 内 有 有 中 的 过 加 结构 
一 维 数组 最 为 普遍 ,用 得 也 最 多 。 先 看 一 看 下 面 的 例子 

int[] arr = new int [3]; 

arr[0] =6; 

arr[l]=9; 

arr[2] =10; 

Response .Write (arr [0] + arr[2] - arr{1]); 

它 的 结果 为 7。 

这 个 程序 创建 了 一 个 基 类 型 为 int 型 的 一 维 数组 ,共有 三 个 元 素 ,分 别 进行 了 赋值 ,最 
后 进行 数学 运算 后 输出 。 

也 可 以 在 数组 声明 的 时 候 就 同时 对 数组 元 素 进行 赋值 ,这 也 叫做 对 数组 的 初始 化 。 


imt[] arr= new int[]{6,9,10}; 


这 样 就 相当 于 将 6 赋值 给 了 第 0 个 元 素 , 即 arr[0] 为 6,9 赋 给 了 arr[1] ,10 赋 给 了 
arr[2] 。 数 组 arr 共 三 个 元 素 。 


4.3 常量 和 变量 


对 于 基本 数据 类 型 , 按 其 取 值 是 否 可 改变 又 分 为 常量 和 变量 两 种 。 在 程序 执行 过 程 
中 ,其 值 不 可 发 生 改变 的 量 称 为 常量 ,其 值 可 变 的 量 称 为 变量 。 它 们 可 与 数据 类 型 结合 起 
来 分 类 。 例 如 ,可 分 为 整 型 常量 , 整 型 变量 .字符 常量 .字符 变量 等 。 在 程序 中 ,常量 是 可 
以 不 经 说 明 而 直接 引用 的 ,而 变量 则 必须 先 定义 后 使 用 。 


4.3.1 常量 和 符号 常量 


常量 就 是 其 值 固 定 不 变 的 量 。 从 数据 类 型 角度 来 看 ,常量 的 类 型 可 以 是 任何 一 种 值 
类 型 或 引用 类 型 。 

常量 有 两 种 ,一 种 是 直接 常量 (也 叫 字面 常量 ) , 另 一 种 是 符号 常量 。 

如 12.0、-3,4.6、-1.23 ,a\5 这 些 常 量 均 属于 直接 常量 。 

符号 常量 则 使 用 某 个 标识 符 来 代替 具体 的 一 个 值 ,整个 程序 运行 中 不 允许 被 改变 。 
例如 : 

censt foat TaxRate=0.2587; /定义 浮 点 型 符号 常量 TexRate (税率 ), 值 为 0.2587 


TaxFate=0.271; /| 错误 ,常量 不 允许 被 改变 
Response .Write (ACE) ; /| 输出 符号 常量 TazRate 的 值 0.2587 
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常量 的 类 型 不 仅 可 以 是 float 型 ,也 可 以 是 以 下 之 一 : 
Sbyte ,byte ,short, ushort ,int, uint, long , ulong , char , float, double , decimal ,bool, string , 
枚 举 类 型 (enum-type) 或 引用 类 型 (reference-type)。 
使 用 符号 常量 的 好 处 是 : 
。 含义 清楚 。 很 明显 ,使 用 TaxRate 比 0.2587 更 易 让 开发 者 理解 。 
。 能 做 到 “一 改 全 改 "” 。 可 以 想像 ,该 税率 可 能 在 程序 中 多 次 被 使 用 , 若 一 段 时 间 后 
调整 了 税率 ,使 用 符号 常量 的 方式 则 只 要 修改 语句 中 定义 的 一 条 语句 即 可 。 


4.3.2 变量 


其 值 可 以 改变 的 量 称 为 变量 。 程 序 要 对 数据 进行 读 、 写 .运算 等 操作 , 当 需 要 保存 特 
定 的 值 或 计算 结果 时 ,就 需要 用 到 变量 。 

一 个 变量 应 该 有 一 个 名 字 , 在 内 存 中 占据 一 定 的 存储 单 
元 ,如 图 4-5 所 示 。 

变量 必须 先 定义 后 使 用 。 变 量 值 可 以 通过 赋值 被 改变 。 一 、，，，_ 
例如 ， 存储 单元 


变量 名 
6 过 变量 什 


图 4-5 变量 在 内 存 中 的 形式 


int a; // 定 义 整 型 变量 a 
a=6; // 将 6 赋值 给 变量 a,a 的 值 为 6 
a=18; // 将 18 赋值 给 变量 a,a 的 值 改 为 18 
Response.Write (a) ; // 输 出 a 的 值 18 
变量 也 可 以 在 定义 时 就 被 赋值 ,这 叫做 定义 赋 初 始 值 。 例 如 : 
int a=25; 

4.4 类 型 转换 


在 应 用 程序 开发 当中 ,很 多 情况 下 都 需要 对 数据 类 型 进行 转换 ,以 保证 程序 的 正常 运 
行 。C# 语 言 中 数据 类 型 的 转换 可 以 分 为 两 类 : 隐 式 转换 和 显 式 转换 。 
隐 式 转换 就 是 系统 默认 的 ,不 需要 加 以 声明 就 可 以 进行 的 转换 。 例 如 下 面 的 例子 : 


int a=10; // 定 义 整 型 变量 a 

float b=3.14F; // 定 义 单 精度 浮 点 型 变量 b,F 是 单 精度 标识 符 , 加 在 常量 后 
Gouble c=at+b; // 隐 式 转换 

Response.Write (c); // 隐 式 转 换 


由 于 类 型 不 同 的 数据 是 不 能 直接 相互 计算 的 ,系统 会 对 参与 的 各 数据 做 一 下 对 比 , 精 
度 低 的 一 方 会 隐 式 转换 为 精度 高 的 一 方 的 类 型 ,然后 才能 相互 运算 。 

上 例 的 第 3 条 语句 ,a 是 整 型 ,b 是 单 精度 浮 点 型 ,两 者 数据 类 型 不 一 致 。b 的 精度 
高 ,所 以 a 会 隐 式 转换 为 单 精度 浮 点 型 ,两 者 才 可 以 进行 运算 。 

计算 的 和 是 单 精度 浮 点 型 ,要 赋值 给 双 精 度 浮 点 型 的 c, 所 以 系统 再 将 计算 的 和 隐 式 
转换 为 双 精 度 浮 点 型 ,再 赋值 给 c。 
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第 4 条 语句 是 输出 ,输出 类 型 应 为 字符 串 类 型 ,所 以 系统 再 将 双 精 度 浮 点 型 的 隐 式 


转换 为 字符 串 后 才能 正确 输出 。 

显 式 类 型 转换 ,又 叫 强制 类 型 转换 。 与 隐 式 转换 正好 相反 , 显 式 转换 需要 用 户 明 确 地 
指定 转换 的 类 型 。 

下 面 的 例子 是 通过 强制 类 型 转换 符 括号 ”( ) "进行 显 式 类 型 转换 : 

int i=1; /声明 整 型 变量 i 

float j= (float)i; // 显 式 转换 为 单 精度 浮 点 型 

下 面 的 例子 是 使 用 Convert 类 实现 转换 。 

string i= "1"; /声明 字符 串 变量 

int j = Convert.ToInt32 (i); // 显 式 转换 为 整 型 

下 面 的 例子 是 使 用 对 象 自 带 的 ToString( ) 方 法 实现 转换 。 

int a=25; // 声 明 整 型 变量 a 并 赋 初 值 25 


string b=a.ToString(); 
// 通 过 a 的 Testring() 方 法 转换 为 字符 串 类 型 "25" 并 赋值 给 字符 串 类 型 变量 b 
建议 平时 采用 显 式 转换 ,这 是 因为 隐 式 类 型 转换 并 不 能 保证 成 功率 ,另外 也 是 为 了 提 
高 程序 的 可 读 性 。 


4.5 表达 式 操 作 符 


C# 语 言 中 的 表达 式 类 似 于 数学 运算 中 的 表达 式 ,是 操作 符 .操作 对 象 和 标点 符号 等 
连接 而 成 的 式 子 。 


1. 操作 符 的 分 类 


表达 式 由 操作 数 和 操作 符 组 成 。 表 达 式 的 操作 符 指出 了 对 操作 数 的 操作 ,比如 操作 
符 有 加 "+ ”\ 减 " -”\ 乘 " *”、 除 “/” 和 建立 新 实例 “new”。 操 作 数 可 以 是 文字 \ 域 .当前 
变量 或 表达 式 。 
依照 操作 符 作用 的 操作 数 的 个 数 来 分 ,C# 中 有 三 种 类 型 的 操作 符 : 
。 一 元 操作 符 : 如 + +i ,x- - 。 一 元 操作 符 作 用 于 一 个 操作 数 ,一 元 操作 符 又 包 
括 前 组 操作 符 和 后 组 操作 符 。 
。 二 元 操作 符 : 如 3 +6,5*8。 二 元 操作 符 作 用 于 两 个 操作 数 ,使 用 时 在 操作 数 中 
间 插入 操作 符 。 
。 三 元 操作 符 : C# 中 仅 有 一 个 三 元 操作 符 , 即 ?:。 三 元 操作 符 作 用 于 3 个 操作 数 ， 
使 用 时 在 操作 数 中 间 插 入 操作 符 。 
下 面 分 别 给 出 使 用 操作 符 的 例子 : 
int x=5,y=10,z; 
x 国 下， // 后 缀 一 元 操作 符 
x; // 前 缀 一 元 操作 符 
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z=xy; // 二 元 操作 符 
y= (xX>10B oR 1); // 三 元 操作 符 


2. 操作 符 的 优先 级 


当 一 个 表达 式 包含 多 样 操作 符 时 ,操作 符 的 优先 级 控制 着 单个 操作 符 求 值 的 顺序 。 
这 和 数学 运算 中 的 “ 先 算 乘除 后 算 加 减 ,括号 优先 ”的 道理 是 一 致 的 。 

例如 ,表达 式 x +y *z 按 照 x+(y*z) 求 值 ,因为 * 操作 符 比 + 操 作 符 有 更 高 的 优 
先 级 。 

表 4-3 总 结 了 所 有 操作 符 从 高 到 低 的 优先 级 顺序 。 


表 4-3 运算 符 的 优先 级 ( 由 高 到 低 排列 ) 


操作 符 类 型 操 作 符 

初级 操作 符 X.y,f(x) ,a[x] ,x+ +,X- — ,new,typeof,checked,unchecked 
一 元 操作 符 Pe 

算术 操作 符 *,/,% 

位 操作 符 人 

关系 操作 符 <,>,<=,>=,is,as 

好 和 辑 操作 符 

条 件 操作 符 &&,11,7 

赋值 操作 符 =,+=,—=,*=,/=,<<=,>>=,&=,"=,|= 


当 优 先 级 相同 时 ,操作 符 按照 出 现 的 顺序 由 左 至 右 执 行 。 

除了 赋值 操作 符 , 所 有 的 二 进 制 操作 符 都 是 左 结合 的 ,也 就 是 说 ,操作 按照 从 左 向 右 
的 顺序 执行 。 例 如 x+y +z 按 (x+y) +z 进 行 求 值 。 

赋值 操作 符 和 条 件 操作 符 (?: ) 按照 右 结 合 的 原则 , 即 操作 按照 从 右 向 左 的 顺序 执 
行 。 如 x=y=z 按照 x=(y=z) 进 行 求 值 。 

建议 在 写 表 达 式 的 时 候 , 如 果 不 易 确定 操作 符 的 有 效 顺 序 , 则 尽量 多 采用 括号 来 保证 
运算 的 顺序 ,这 样 可 使 得 程序 一 目 了 然 ,而 且 自 己 在 编程 时 也 能 够 思路 清晰 。 


3. 算术 操作 符 和 算术 表达 式 


C# 中 提供 的 算术 操作 符 有 5 种 : 加 法 操作 符 + \ 减 法 操作 符 - ,乘法 操作 符 * 、 除 法 
操作 符 / \ 求 余 ( 模 ) 操 作 符 % 。 下 面 的 表达 式 表明 了 用 法 。 


int a=10; 

int p=24; 

Response.Write (a* b); // 输 出 结果 为 240 
Response.Write (b% a); /| 输出 结果 为 4 


4. 赋值 操作 符 和 赋值 表达 式 


赋值 就 是 给 一 个 变量 赋 一 个 新 值 。 先 处 理 等 号 右 侧 的 表达 式 , 处 理 结果 再 赋 给 等 号 
左 侧 的 变量 。C# 中 提供 的 赋值 表达 式 有 : 
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= += -= *= /= %= &= 1= 过 ”过 区 县 党 /各 沪 
赋值 的 左 操作 数 必须 是 一 个 变量 .属性 的 表达 式 。 
inta; 
a=3 // 将 3 赋值 给 变量 a,a 的 值 为 3 
a+ = // 相 当 于 a=a+ 4 即将 a( 原 值 为 3 +4 的 和 0) 再 赋 给 a,a 值 为 7 
a- =2; // 相 当 于 a=a- 2, 即 将 a 现 值 为 7) -2 的 差 6) 再 赋 给 a,a 值 为 5 
= // 相 当 于 a=a%s 4 


C# 中 可 以 对 变量 进行 连续 赋值 ,这 时 赋值 操作 符 是 右 关联 的 ,这 意味 着 从 右 向 左 操 
作 符 被 分 组 。 例 如 , 形 如 a =b=c 的 表达 式 等 价 于 a = (b=c) , 即 先 将 c 赋值 给 b, 再 将 b 
结果 赋值 给 a。 

要 注意 的 是 ,对 于 + = 这 样 的 复合 赋值 操作 符 ,中 间 不 允许 有 空格 。 男 外 ,如 果 赋 值 
操作 符 两 边 的 操作 数 类 型 不 一 致 , 那 就 要 先进 行 类 型 转换 ( 隐 式 或 显 式 转换 ) 。 


5. 关系 操作 符 和 关系 表达 式 


关系 运算 实际 上 是 逻辑 运算 的 一 种 ,可 以 把 它 理 解 为 一 种 “判断 ”。 判 断 的 结果 要 么 
是 “ 真 ” ,要 么 是 “ 假 ” ,也 就 是 说 关系 表达 式 的 返回 值 总 是 布尔 值 ( boolean ) 。C# 定 义 关系 
操作 符 的 优先 级 低 于 算术 操作 符 , 高 于 赋值 操作 符 。 

最 常用 的 关系 操作 符 有 : 

e 等 于 = =: 如 3= =6 的 返回 值 为 false( 假 ) ,6 = =6 的 返回 值 为 tue( 真 ) ; 


。 不 等 于 ! = : 如 6! =6 的 返回 值 为 false( 假 ) ,3! =6 的 返回 值 为 true( 真 ) ; 

。 小 于 <: 如 6 <3 的 返回 值 为 false( 假 ) ,3 <6 的 返回 值 为 rue( 真 ) ; 

。 大 于 >: 如 3 >6 的 返回 值 为 false( 假 ) ,6 >3 的 返回 值 为 tue( 真 ) ; 

。 小 于 或 等 于 < = : 如 6 < =3 的 返回 值 为 false( 假 ) ,3 < =6 和 3 < =3 的 返回 值 为 
true( 真 ) ; 

。 大 于 或 等 于 > = : 如 3 > =6 的 返回 值 为 false( 假 ) ,6 > =3 和 3 > =3 的 返回 值 为 
true( 真 ) ; 


。 类 型 是 否 兼容 is: 如 6 is float 的 返回 值 为 false( 假 ) ,6 is int 的 返回 值 为 tue( 真 ) 。 

用 关系 操作 符 将 两 个 表达 式 连 接 起 来 的 式 子 就 是 关系 表达 式 。 关 系 表达 式 的 值 就 是 
关系 操作 符 的 返回 值 , 即 一 个 布尔 值 。 关 系 表 达 式 可 以 再 作为 关系 操作 符 的 操作 数 , 也 可 
以 作为 布尔 值 赋 给 赋值 表达 式 。 例 如 ,下 面 都 是 合法 的 关系 表达 式 。 


a>b,(a=b)>c,(a>b)> (c<d,(a>b)= =c 


6. 远 辑 操作 符 和 逻辑 表达 式 


C# 语 言 提 供 了 三 种 逻辑 操作 符 : 

。&&: 逻辑 与 ,二 元 操作 符 。 

。 11: 人 逻辑 或 ,二 元 操作 符 。 

。 1: 逻辑 非 ,一 元 操作 符 。 

它们 之 间 的 运算 关系 可 以 用 真 值 表 来 表示 。 假 设 ,x 和 y 是 两 个 布尔 值 ,它们 的 初始 
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值 和 运算 结果 见 表 4-4。 
表 4-4 ”逻辑 运算 真 值 表 


x 学 x&&y xlly Ix 
false false false false true 
false true false true true 
true false false true false 
true true true true false 


用 逻辑 操作 符 将 关系 表达 式 或 布尔 值 连接 起 来 就 是 多 辑 表 达 式 ,逻辑 表达 式 的 值 仍 
然 是 一 个 布尔 值 。 

在 熟练 地 掌握 逻辑 操作 符 和 关系 操作 符 以 后 ,就 可 以 使 用 逻辑 表达 式 来 表示 各 种 复 
杂 的 条 件 。 例 如 ,给 出 一 个 年 份 ,要 判断 它 是 不 是 头 年 。 六 年 的 条 件 是 : 是 400 的 倍数 ， 
或 者 是 4 的 倍数 但 不 是 100 的 倍数 。 

设 某 年 份 为 year , 羡 年 与 否 就 可 以 用 一 个 逻辑 表达 式 来 表示 : 


(yeargs 400) = =0||((year® 4) = =0 && (Years 100)!=0) 
7. 位 运算 


任何 信息 在 计算 机 中 都 是 以 二 进 制 的 形式 保存 的 ,位 操作 符 就 是 对 数据 按 二 进 制 位 
进行 运算 的 操作 符 。C# 诸 言 中 的 位 操作 符 有 : 

Ss 妆 与 

。 | 或 

。 人 ^ 异 或 

。 ~ 取 补 

。 << 左 移 

。 >> 右 移 

下 面 通过 “与 运算 ”对 C# 的 位 操作 符 做 个 简单 的 介绍 。 

操作 数 按 二 进 制 位 进行 与 运算 ,运算 规则 是 ,除了 两 个 位 均 为 1, 与 运算 的 结果 为 1， 
其 他 情况 下 与 运算 的 结果 均 为 0: 

0&0=0 

Oa1=0 

1&0=0 

1 下 王 工 


例如 ,十 进 制 数 2 与 10 进行 与 运算 : 
2 的 二 进 制 表示 。 00000010 
10 的 二 进 制 表示 “00001010 
与 运算 的 结果 00000010 
所 以 2&40 的 结果 为 十 进 制 的 2。 
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8. 其 他 特殊 操作 符 


1) 三 元 操作 符 

三 元 操作 符 ?:, 有 时 也 称 为 条 件 操作 符 。 它 可 以 看 成 是 让 else 语句 的 缩 略 形式 ,熟练 
使 用 该 语句 可 以 让 代码 变 得 更 简练 。 

它 的 工作 顺序 是 : 

对 条 件 表达 式 b? x:y , 先 对 条 件 b 进行 判断 ,如 果 b 的 值 为 true, 则 计算 x, 最 终 运算 
结果 为 x 的 值 。 否 则 ,计算 y, 最 终 运算 结果 为 y 的 值 。 

例如 : 

int a; 

a=3>7? 5+9:2+3; //a 的 值 为 5 

2) 自 增 和 自 减 操 作 符 

自 增 操作 符 + + 对 变量 的 值 加 1, 而 自 减 操作 符 - -对 变量 的 值 减 1。 

比如 ,假设 一 个 整数 x 的 值 为 9, 那 么 执行 x+ + 之 后 的 值 为 10。 

3) new 操作 符 

new 操作 符 用 于 创建 一 个 新 的 类 型 实例 。 它 有 三 种 形式 : 

。 对 象 创建 表达 式 : 用 于 创建 一 个 类 类 型 或 值 类 型 的 实例 ; 

。 数组 创建 表达 式 : 用 于 创建 一 个 数组 类 型 实例 ; 

。 代表 创建 表达 式 : 用 于 创建 一 个 新 的 代表 类 型 实例 。 

下 面 三 个 式 子 分 别 创建 了 一 个 对 象 一 个 数组 和 一 个 代表 实例 。 


class A{}; // 创 建 一 个 类 为 方便 ,这 里 建 的 是 空 类 ) 

Aa=new By // 创 建 类 A 的 实例 a 

int[] int_arr= new int [10]; // 创 建 一 个 数组 实例 

GElegate double DEFunc (int x); // 创 建 一 个 代表 

DEUunc f= new DEunc (f); // 创 建 一 个 代表 实例 并 指向 方法 £() 
4.6 类 


由 于 类 是 面向 对 象 开发 中 最 重要 的 概念 ,因此 单独 作为 一 节 详细 介绍 。 
4.6.1 类 的 结构 及 继承 


类 支持 继承 机 制 。 通 过 继承 ,派生 类 可 以 扩展 基 类 的 数据 成 员 和 函数 方法 ,进而 达到 
代码 重用 和 设计 重用 的 目的 。 

对 于 上 述 知识 的 理解 ,可 以 通过 一 个 简单 的 例子 来 完成 。 

例如 ,新 建 一 个 汽车 类 Car, 它 有 个 鸣 笛 的 方法 speake( ) ,能 返回 “ 咬 喷 "的 声音 。 于 
是 可 以 这 样 设计 类 : 

Class Car 

{ 
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} 


这 只 是 定义 了 一 个 抽象 的 汽车 类 ,如 果 和 希望 有 个 具体 的 汽车 该 怎么 办 ? 那 就 要 利用 
它 生 成 一 个 实例 。 生 成 实例 需要 用 new 关键 字 来 完成 。 格 式 如 下 : 


Car myCar = new Car()7 


这 样 就 建立 了 名 为 myCar 的 具体 的 一 辆 车 了 。 当 然 ,大 街 上 的 汽车 不 止 一 辆 ,如 果 
再 建立 一 辆 汽车 呢 ? 可 以 写 为 


Car herCar = new Car()7 


由 于 汽车 类 Car 已 经 内 建 了 鸣 笛 的 功能 , 即 speake( ) 方 法 ,自然 ,由 汽车 类 Car 生成 
的 实例 也 就 拥有 了 鸣 笛 的 功能 。 例 如 我 的 车 鸣 笛 : 

TYCar.speake ()7 

她 的 车 鸣 笛 : 

herCar.speake ()7 

下 面 看 一 看 继承 ,继承 用 冒号 * : "表示 。 

例如 ,在 前 面 的 基础 上 ,又 要 新 开发 一 个 快车 类 FastCar, 快 车 也 应 鸣 笛 呀 ,好 在 早已 
定义 好 的 汽车 类 Car 中 ,已 经 有 了 鸣 笛 方法 speake( ) ,因此 ,只 要 新 的 快车 类 继承 旧 的 汽 
车 类 Car 就 可 以 了 ,不 必 再 重新 定义 鸣 币 了 。 至 于 快车 类 中 要 新 增 的 功能 : 如 “速度 " 方 
法 speed( ) 后 面 补 上 便 是 。 于 是 就 有 了 如 下 方式 来 定义 新 的 快车 类 FastCar。 


Class FastCar :Car 
{ 
Piblic string speed!() 
{ 
rebum(o200 公 里 /小 时 9; 
} 
} 


对 比 Car 类 和 FastCar 类 ,后 者 在 定义 类 名 后 添加 了 “ :Car" ,这 就 是 继承 的 表示 方法 。 
表示 当前 类 继承 自 冒号 * :" 后 面 的 类 。 这 里 的 FastCar 叫做 派生 类 (也 称 子 类 ) ,Car 叫做 
基 类 (也 称 父 类 ) 。 下 面 就 可 以 试验 一 下 快车 类 的 功效 。 

建立 一 个 快车 的 实例 yourCar: 

FastCar yourCar = new FastCar (); 


快车 的 实例 除 拥 有 新 建 的 速度 方法 speed( ) ,还 拥有 继承 过 来 的 鸣 笛 方法 speake( ) : 


YourCar.speake () 
YourCar.spesd () 
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上 述 例 子 的 完整 代码 结构 如 下 所 示 。 
Using System; 

//-… 中 间 省 上 略 …. 

using System.Xinl .Ling; 


piblic partial class _ Default:System.Web.UI.Page 
{ 
Protected void Page Ioad (dbject sender, EventArgs e) 
{ 
Car myCar = new Car (); 
Response .Write (myCar. speake ()); 


FastCar yourCar = new FastCar (); 
Response .Write (yourCar .speake ()); 
Response.Write (yourCar.speed ()); 


Class FastCar : Car 
{ 
Piblic string speed!() 
{ 
rebuam(o200 公 里 /小 时 9; 
} 
} 


由 上 可 见 , 类 的 继承 与 派生 使 用 户 可 以 重用 前 人 或 自己 已 有 的 代码 ,使 自己 的 开发 工 
作 站 在 前 人 的 肩膀 上 ,从 而 实现 代码 的 重用 ,而 且 通 过 继承 机 制 实现 了 现实 生活 中 事物 间 
的 一 般 化 与 特殊 化 的 关系 ,使 编程 思想 更 贴近 人 们 的 日 常 思维 。 


4.6.2 ”对 类 的 成 员 的 访问 
在 编写 程序 时 ,可 以 对 类 的 成 员 使 用 不 同 的 访问 修饰 符 ,从 而 定义 它们 的 访问 级 别 。 
1. 公有 成 员 ( public) 


C# 中 的 公有 成 员 提供 了 类 的 外 部 界面 ,允许 类 的 使 用 者 从 外 部 进行 访问 。 公 有 成 员 
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的 修饰 符 为 public, 这 是 限制 最 少 的 一 种 访问 方式 。 
2. 私有 成 员 ( private) 


C# 中 的 私有 成 员 仅 限于 类 中 的 成 员 可 以 访问 ,从 类 的 外 部 访问 私有 成 员 是 不 合法 
的 。 若 在 声明 中 没有 出 现成 员 的 访问 修饰 符 时 , 则 默认 方式 即 为 私有 的 。 私 有 成 员 的 修 
饰 符 为 private。 


3. 保护 成 员 ( protected ) 


为 了 方便 派生 类 的 访问 ,但 又 希望 成 员 对 于 外 界 是 隐藏 的 ,这 时 可 以 使 用 protected 
修饰 符 , 声 明成 员 为 保护 成 员 。 


4. 内 部 成 员 (internal) 


使 用 internal 修饰 符 的 类 的 成 员 是 一 种 特殊 的 成 员 ,这 种 成 员 对 于 同一 包 中 的 应 用 程 
序 或 库 是 透明 的 ,而 在 .NET 包 之 外 是 禁止 访问 的 。 

一 般 动 态 网 站 的 开发 中 ,前 三 种 访问 方式 比较 常见 (public ,protected ,private ) 。 

下 面 的 例子 说 明了 类 的 成 员 的 访问 修饰 符 的 用 法 。 

using Systemy 

//-… 中 间 省 略 … 

Using System.Xml .Ling; 


Pblic partial class _Default : System.Web.UI.Page 
{ 
protected void Page_Ioad (Gbject sender, EventArgs e) 


class Altamtive // 定 义 汽车 类 
| 
Public int wheels; // 公 有 成 员 ,轮子 个 数 
private int passengers; // 私 有 成 员 ,乘客 数 
protected float weight; // 保 护 成 员 , 重 量 
piblic void Fa() 
{ 
wheels=4; // 正 确 , 允 许 访问 自身 成 员 
passengers =8; // 正 确 ,允许 访问 自身 成 员 
weight =10; // 正 确 , 允 许 访问 自身 成 员 


class train // 定 义 火车 类 
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piblic int mm; // 公 有 成 员 , 车 厢 数 目 
private 日 cat weight; // 私 有 成 员 , 重 量 
piblic void Ft () 
{ 
mm=5; // 正 确 ,允许 访问 自身 成 员 
weight 00; // 正 确 , 允 许 访问 自身 成 员 
Putomptive a= new matamotive (); // 建 立 汽车 类 实例 a 
a.whesls =4; // 正 确 ,允许 访问 另 一 个 类 实例 a 的 公有 成 员 
a.passengers =20; /| 错误, 不 允许 访问 另 一 个 类 实例 a 的 私有 成 员 
a-weight =6; /| 错误 ,不 允许 访问 另 一 个 类 实例 a 的 保护 成 员 
} 
} 
class Car:Ritomptive // 定 义 轿车 类 ,从 汽车 类 继承 
{ 
string color; // 私 有 成 员 区 认 值 ) 颜 色 
Public voidq Fc() 
{ 
color = "Tred"; // 正 确 , 允 许 访问 自身 成 员 
Car c= new Car(); // 建 立 轿车 实例 c 
Cc.wheels=4; // 正 确 ,允许 访问 父 类 实例 c 的 公有 成 员 
c.passengers =8; /| 错误 ,不 允许 访问 父 类 实例 c 的 私有 成 员 
C.weight =6; // 正 确 ,允许 访问 父 类 实例 c 的 保护 成 员 


} 


从 上 面 的 代码 中 可 以 看 出 类 的 访问 规律 : 公有 成 员 (public ) 谁 都 能 访问 (公开 ) ; 私 
有 成 员 ( private) 只 能 自己 访问 ,即使 由 自己 所 派生 的 子 类 也 不 可 以 (隐私 不 外 汇 ) ;保护 
成 员 ( protected) 像 一 个 团结 的 家 庭 , 自 己 以 及 自己 的 子 类 都 可 以 访问 ,外 界 却 不 可 以 访问 
(一 致 对 外 ) 。 


4.6.3 成 员 的 静态 和 非 静态 


若 将 类 中 的 某 个 成 员 声 明 为 static ,该 成 员 称 为 静态 成 员 。 类 中 的 成 员 要 么 是 静态 的 
要 么 是 非 静态 的 ,一 般 说 来 ,静态 成 员 是 属于 类 所 有 的 , 非 静 态 成 员 则 属于 类 的 实例 (对 
象 ) 所 有 。 

从 上 面 的 例子 中 大 家 也 会 发 现 , 若 需 要 访问 其 他 类 的 成 员 ,必须 先生 成 一 个 实例 , 然 
后 才能 通过 实例 去 访问 ,比如 : 

mitcmrptive a= new mitomotive ()7 // 建 立 汽车 类 实例 a 

avheels=47 // 正 确 ,允许 访问 另 一 个 类 实例 a 的 公有 成 员 

如 果 不 通过 实例 而 直接 访问 类 中 的 成 员 , 即 使 是 公有 成 员 ,程序 也 会 报错 的 。 比 如 直 
接 写 成 这 样 : 
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系统 会 报错 “ 非 静 态 字 段 .方法 或 属性 Automotive. wheels " 要 求 对 象 引用 ”。 

那 要 怎样 才能 够 直接 从 类 中 访问 某 个 成 员 呢 ? 方法 就 是 在 声明 该 成 员 时 再 加 上 
static 关键 字 。 比 如 : 

piblic static int wheels; 

当然 ,这 样 声明 后 ,虽然 能 够 直接 从 类 中 访问 它 了 ,但 却 再 不 能 够 从 类 建立 的 实例 中 
访问 了 。 

以 下 示例 代码 演示 了 如 何 声明 静态 和 非 静 态 成 员 , 其 中 ,加 字符 底 纹 的 语句 是 错 
误 的 。 

Using System; 

//…- 中 间 省 略 …. 


Public partial class Default:System.Web.UI.Page 

{ 
Protected void Page_ Load (Goject sender,EventArgs e) 
{ 


Test.x=1; // 错 误 ,不 能 直接 访问 类 的 非 静态 成 员 
Test.y=2; // 正 确 ,可 以 直接 访问 类 的 静态 成 员 
Test.G(); // 正 确 ,可 以 直接 访问 类 的 静态 成 员 方法 ) 
Test myT = new Test (); 
myT.x=3; // 正 确 ,可 以 在 类 的 实例 中 访问 非 静态 成 员 
myT.y=4; // 错 误 ,不 能 在 类 的 实例 中 访问 静态 成 员 
myT.G(); // 错 误 ,不 能 在 类 的 实例 中 访问 静态 成 员 方法 ) 
' 
} 
class Test 
{ 
Eublic int x7 
Eublic static int y; 
void F() 
{ 
x=1 // 正 确 ,可 以 引用 自身 成 员 
y=1; // 正 确 , 等 价 于 Test.y=1 
} 
piblic static void G() // 建 立 公 有 静态 方法 
€ 
y=2 


} 
} 


从 原理 上 说 ,类 的 非 静 态 成 员 属 于 类 的 实例 所 有 ,每 创建 一 个 类 的 实例 ,都 在 内 存 中 
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为 非 静态 成 员 开辟 了 一 块 区 域 。 而 类 的 静态 成 员 属于 类 所 有 ,为 这 个 类 的 所 有 实例 所 共 
享 ,无 论 这 个 类 创建 了 多 少 个 副本 ,一 个 静态 成 员 在 内 存 中 只 占有 一 块 区 域 。 


4.6.4 构造 函数 与 析 构 函数 


构造 函数 的 目的 是 对 类 的 实例 进行 初始 化 。 即 使 没有 声明 ,每 个 类 也 都 有 构造 函数 ， 
编译 器 会 自动 地 提供 一 个 默认 的 构造 函数 。 在 访问 一 个 类 的 时 候 ,系统 将 最 先 执行 构造 
函数 中 的 语句 。 
使 用 构造 函数 请 注意 以 下 几 个 问题 : 
。 一 个 类 的 构造 函数 通常 与 类 名 相同 ; 
。 构造 函数 不 声明 返回 类 型 。 一 般 地 ,构造 函数 总 是 public 类 型 的 ,如 果 是 private 
类 型 的 ,表明 类 不 能 被 实例 化 ,这 通常 用 于 只 含有 静态 成 员 的 类 ; 
。 在 构造 函数 中 不 要 做 对 类 的 实例 进行 初始 化 以 外 的 事情 ,也 不 要 尝试 显 式 地 调用 
构造 函数 。 
下 面 的 例子 示范 了 构造 函数 的 使 用 。 
class A 


{ 
int x=0,y=0,00mnt; 


piblic A() // 构 造 函 数 (无 参数 ) 
{ 

count=16; 
Public A(int vx, int vy) // 构 造 函 数 (有 参数 ) 
{ 

X= VA? 

y= 


} 
建立 实例 时 ,可 以 使 用 : 
Anyal =new A(); // 使 用 无 参数 的 构造 函数 


Anya? =new A(2,6); // 使 用 有 参数 的 构造 函数 


上 例子 中 ,类 A 同时 提供 了 不 带 参数 和 带 参数 的 构造 函数 。 构 造 函 数 可 以 是 不 带 参 
数 的 ,这 样 对 类 的 实例 的 初始 化 是 固定 的 。 有 时 ,在 对 类 进行 实例 化 时 ,需要 传递 一 定 的 
数据 ,来 对 其 中 的 各 种 数据 初始 化 ,使 得 初始 化 不 再 是 一 成 不 变 的 ,这 时 ,可 以 使 用 带 参数 
的 构造 函数 ,实现 对 类 的 不 同 初始 化 。 

在 带 有 参数 的 构造 函数 中 ,类 在 实例 化 时 必须 传递 参数 ,并 保证 数量 和 类 型 的 
= 至 。 

当 类 的 实例 结束 时 ,一 般 希 望 确保 它 所 占 的 存储 能 被 收回 。C# 中 提供 了 析 构 函数 ， 


vy 
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可 以 将 专门 释放 被 占用 系统 资源 的 语句 写 在 析 构 函数 内 。 
析 构 函数 的 名 字 与 类 名 相同 ,只 是 在 前 面 加 了 一 个 波浪 线 符号 ~ 。 
例如 为 上 例 增 加 析 构 函数 ,可 以 写 为 : 
~R(O 
i 
count=07 
} 


4.7 流程 控制 


到 目前 为 止 ,前 面 看 到 程序 还 只 能 按照 编写 的 顺序 执行 ,中 途 不 能 发 生 任何 变化 。 然 
而 ,实际 生活 中 并 非 所 有 的 事情 都 是 按部就班 地 进行 的 ,程序 也 是 一 样 ,为 了 适合 自己 的 
需要 ,经 常 要 转移 或 者 改变 程序 执行 的 顺序 。 达 到 这 些 目的 的 语句 叫做 流程 控制 语句 。 

与 大 多 数 编程 语言 相似 ,在 程序 模块 中 ,C# 可 以 通过 条 件 语 句 控制 程序 的 流程 ,从 而 
形成 程序 的 分 支 和 循环 。C# 中 提供 了 以 下 控制 关键 字 : 

e 选择 控制 : if ,else .switch .case 

。 循环 控制 : while ,do ,for ,foreach 

。 跳 转 语句 : break .continue 

。 异常 处 理 : try .catch ,finally 


4.7.1 和 条件 语句 


当 程序 中 需要 进行 两 个 或 两 个 以 上 的 选择 时 ,可 以 根据 条 件 判断 来 选择 将 要 执行 的 
一 组 语句 。C# 提 供 的 选择 语句 有 让 语句 和 switch 语句 。 
让 语句 是 最 常用 的 选择 语句 了 , 它 根 据 布尔 表达 式 的 值 来 判断 是 否 执 行 后 面 的 内 幅 
语句 。 格 式 为 : 
迁 人 布尔 表达 式 ) 
{ 
内 嵌 语 句 1 
} 


或 者 
迁 人 布尔 表达 式 ) 
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当 布 尔 表达 式 的 值 为 真 , 则 执行 让 后面 的 内 嵌 语 句 1 ,为 假 则 程序 继续 执行 ,如 果 有 
else 语句 ,为 假 则 执行 else 后 面 的 内 嵌 语 句 2 ,否则 执行 以 后 的 语句 。 
例如 下 面 的 例子 用 来 对 一 个 浮 点 数 x 进行 四 舍 五 入 ,结果 保存 到 一 个 整数 i 中 : 


X= 4.67 
if(x— int(x) >0.5) 
{ 
i=int(x) +1; 
} 


4.7.2 switch 语句 


让 语句 每 次 判断 只 能 实现 两 条 分 支 ,如 果 要 实现 多 种 选择 的 功能 ,虽然 使 用 让 语句 的 
秀 套 也 可 以 做 到 ,但 需要 书写 宛 长 的 代码 。 而 switch 语句 可 以 有 效 地 避免 元 长 的 代码 并 
能 测试 多 个 条 件 。 
它 的 一 般 格式 为 : 
switch 控制 表达 式 ) 
{ 
case 常量 表达 式 1: 
内 嵌 语 句 工 
case 常量 表达 式 2: 
内 嵌 语 句 2 


Gefault: 
内 嵌 语 句 n 

} 

switch 语句 根据 控制 表达 式 的 值 ,对 照 各 case 后 的 常量 表达 式 看 与 哪 一 个 相 吻合 , 若 
与 某 一 个 常量 表达 式 吻合 , 则 执行 该 case 分 支 内 的 内 艇 语句 。 

switch 语句 的 控制 表达 式 的 数据 类 型 可 以 是 sbyte .byte .short ,ushort ,uint long 、 
ulong .char ,string 或 枚 举 类 型 (enum-type) ,每 个 case 标签 中 的 常量 表达 式 必须 属于 或 能 
隐 式 转换 成 控制 表达 式 值 的 类 型 。 各 case 标签 中 的 常量 表达 式 值 不 能 相同 ,语句 中 最 多 
只 能 有 一 个 default 标签 。 

下 面 举 一 个 例子 来 说 明 switch 语句 是 如 何 实 现 程序 的 多 路 分 支 的 。 

假设 考查 课 的 成 绩 按 优秀 、 良 好 中 等 .及 格 和 不 及 格 分 为 5 等 ,但 实际 的 考卷 为 百 分 
制 ,等 级 对 应 的 分 数 为 90 ~100 .80 ~89 .70 ~79 .60 ~69 .60 分 以 下 。 下 面 的 程序 将 考卷 
成 绩 x 转换 为 考查 课 成 绩 。 代 码 如 下 

Using System 

: // 中 间 省 略 
using System.Xinl .Ling; 


Piblic partial class Default : System.Web.UI.Page 
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Protected void Page Ioad (dbject sender,EventArgs e) 
大 
int x; 
string strResult; 
X=82; // 测 试用 分 数 
Switch (Convert .ToInt32 (x/10)) 
{ 
Case 10: 
strResult = "优秀 省 
break; 
Case 9: 
strResult = "优秀 "; 
break; 
Case 8: 
strResult =" 良 好"; 
break; 
Case 7: 
strResult = "中 等 "; 
break; 
Case 6: 
strResult = "及格" 
break; 
Gefault: 
strResult = "不 及 格 "; 


Response .Write (strResult)7 


程序 运行 的 结果 为 良好 ”。 
需要 注意 的 是 ,每 一 个 分 支 结束 后 要 添加 break 语句 。 


4.7.3 ”循环 语句 


循环 语句 可 以 实现 一 个 程序 模块 的 重复 执行 。 它 对 于 简化 程序 ,更 好 地 组 织 算法 有 
着 重要 的 意义 。C# 提 供 了 4 种 循环 语句 ,分 别 适 用 于 不 同 的 情形 : 

。 while 语句 

e do- while 语句 

e for 语句 

e foreach 语句 


1. while 语句 


while 语句 有 条 件 地 将 内 嵌 语 句 执行 0 遍 或 若干 遍 。 语 句 的 格式 为 : 
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while (布尔 表达 式 ) 


它 的 执行 顺序 是 : 

(1) 计算 布尔 表达 式 的 值 ; 

(2) 当 布 尔 表 达 式 的 值 为 真 时 ,执行 内 符 语 名 一遍, 然后 程序 转 至 步骤 (1 ) 继续 
判断 ; 

(3) 当 布 尔 表达 式 的 值 为 假 时 ,while 循环 结束 。 

while 语句 中 允许 使 用 break 语句 提前 结束 循环 ,执行 后 续 的 语句 ;也 可 以 用 continue 
语句 来 停止 当 次 循环 进度 , 转 而 进行 下 一 轮 的 循环 。 

下 面 的 程序 片段 用 来 计算 一 个 整数 x 的 阶乘 值 。 


long y=1 
int x=5; // 变 量 x 存放 要 计算 的 阶乘 
while (tmue) 
{ 
Yy* 一 2 // 等 价 于 y=y* x 
着 二 := 
if(x= =0) 
{ 
break; 
} 
$ 
Response.Write (y.TcString ()); // 输 出 结果 为 120 


2. do- while 语句 


do- while 语句 与 while 语句 不 同 的 是 , 它 先 执行 内 嵌 语 句 一 次 ,然后 再 判断 是 否 再 继 
续 循 环 。 因 此 ,do- while 循环 即使 布尔 表达 式 为 假 ,也 至 少 会 执行 一 次 内 嵌 语 句 。 语 法 


如 下 ; 

oo 

{ 

内 嵌 语 名 

jvbhile (人 布尔 表达 式 ) 

在 do- while 循环 语句 中 同样 允许 用 break 语句 和 continue 语句 实现 与 while 语句 中 
相同 的 功能 。 

使 用 do- while 循环 来 实现 求 整数 的 阶乘 的 程序 如 下 : 

long y=1; 

int x=5; // 变 量 x 存放 要 计算 的 阶乘 


Gp 
{ 
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Yy* =x; // 等 价 于 y=y*xx 

a 

if(x= =0) 

{ 

break; 

} 
phile (tmue); 
Response.Write (y.ToString ()); // 输 出 结果 为 120 
3. for 语句 


for 语句 是 C# 中 使 用 频率 最 高 的 循环 语句 ,在 事先 知道 循环 次 数 的 情况 下 ,使 用 for 
语句 是 比较 方便 的 。for 语句 的 格式 为 : 
for (循环 控制 变量 ; 循环 控制 条 件 ; 循环 控制 的 改变 量 ) 
{ 
内 嵌 语 名 
} 
其 中 ,for 后 括号 内 的 三 项 都 是 可 选项 : 
。 循环 控制 变量 一 般 用 来 做 初始 化 ,可 以 有 一 个 或 多 个 (用 逗号 隔 开 ) ; 
。 循环 控制 条 件 决定 循环 的 次 数 ,可 以 有 一 个 或 多 个 语句 ; 
。 循环 控制 的 改变 量 控制 循环 控制 变量 的 值 按 设 定 规律 改变 ,也 可 以 有 一 个 或 多 个 
语句 。 
请 注意 ,尽管 初始 化 .循环 控制 条 件 和 改变 量 都 是 可 选 的 ,但 如 果 忽略 了 循环 控制 条 
件 , 就 需要 在 内 嵌 语 句 中 预 设 好 跳 转 语句 break 或 goto , 当 满 足 一 定 条 件 时 退出 ,否则 将 
产生 一 个 死 循 环 。 
for 语句 执行 顺序 如 图 4-6 所 示 。 


入 


口 
本 
for ( 循环 控制 变量 ; 循环 控制 条 件 ; 循环 控制 的 改变 量 ) 
{ @ 
内 联 语 。 @F/  @ 
中 


出 口 
图 4-6 for 语句 执行 顺序 


(1) 按 书写 顺序 将 循环 控制 变量 部 分 (如 果 有 的 话 ) 执 行 一 遍 ,为 循环 控制 变量 赋 
初 值 。 
(2) 测试 循环 控制 条 件 ( 如 果 有 的 话 ) 中 的 条 件 是 否 满足 。 
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(3) 若 没有 循环 控制 条 件 项 或 条 件 满足 , 则 执行 内 嵌 语 句 一 遍 ; 若 条 件 不 满足 , 则 for 
循环 终止 。 

(4) 执行 改变 量 操作 ,然后 回 到 步骤 (2) 继续 执行 。 

图 中 的 执行 顺序 为 : 中 一 @) 一 (判断 循环 条 件 值 为 真 ) 一 BT 一 四 一 @ 一 (判断 循环 
条 件 值 为 真 ) 一 BT 一 @ 由 一 @@ 一 … 循 环 效果 … 一 (判断 循环 条 件 值 为 假 ) 一 BF。 

下 面 的 例子 将 输出 数字 1 ~9 ,清楚 地 显示 出 了 for 语句 是 怎样 工作 的 。 

for(int i=0;i<10;i+ +) 

{ 

Response .Write (i.ToString()); 
} 


4. foreach 语句 


若 需 对 某 一 集合 进行 循环 操作 ,可 选择 使 用 foreach 语句 ,语法 如 下 : 


foreach( 局 部 变量 in 集合 ) 
{ 
执行 语句 
for each 语句 执行 顺序 为 : 
(1) 集合 中 是 否 存在 元 素 。 
(2) 若 存 在 , 则 用 集合 中 的 第 一 个 元 素 初始 化 局 部 变量 。 
(3) 执行 控制 语句 。 
(4) 集合 中 是 否 还 有 剩余 元 素 , 若 存 在 , 则 将 剩余 的 第 一 个 元 素 再 初始 化 局 部 变量 。 
车 不 存在 ,结束 循环 。 
foreach 语句 示例 代码 如 下 所 示 。 
// 定 义 数组 变量 
string[] str= {"hello", "world", nice "to", "meet", "you"}; 
// 如 果 存 在 元 素 则 执行 循环 
foreadh (string s in str) 
{ 
Response .Write (s+ "* "); // 输 出 元 素 


上 述 代码 声明 了 数组 str, 并 对 str 数组 进行 遍历 循环 。 运 行 结果 为 : 
hello* world* nioe* to* meet * you* 


同样 ,break 和 continue 也 可 以 出 现在 foreach 语句 中 ,功能 不 变 。 
在 使 用 foreach 语句 的 时 候 ,局 部 变量 的 数据 类 型 应 该 与 集合 或 数组 的 元 素 的 数据 类 
型 相同 。 


4.7.4 ”异常 处 理 语句 
在 编写 程序 时 ,不 仅 要 关心 程序 的 正常 操作 ,也 应 该 把 握 在 现实 世界 中 可 能 发 生 的 各 
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类 不 可 预期 的 事件 ,比如 用 户 错误 的 输入 ,内 存 不 够 ,磁盘 出 错 ,网 络 资源 不 可 用 ,数据 库 
无 法 使 用 等 。 在 程序 中 可 以 预先 采用 异常 处 理 方法 来 解决 这 类 问题 。 

C# 中 提供 了 一 种 处 理 系统 级 错误 和 应 用 程序 级 错误 的 结构 化 的 ,统一 的 类 型 安全 的 
方法 。 

通常 ,异常 处 理 语句 由 try-catch 组 成 ,格式 如 下 : 


将 有 可 能 出 现 异常 的 语句 块 放 在 这 里 


catch // 捕 获 异 常 
这 里 放 如 果 出 现 异常 后 的 处 理 语 句 // 抛 出 异常 ,之 后 程序 结束 
} 


车 try 中 的 语句 发 生 了 异常 , 则 执行 catch 中 的 语句 ,然后 结束 整个 程序 。 

若 try 中 的 语句 没有 发 生 异 常 ,程序 将 继续 执行 下 去 ,catch 中 的 语句 不 会 执行 。 

在 应 用 程序 开发 当中 ,try- catch 语句 能 够 处 理 异常 并 返回 给 用 户 友 好 的 错误 提示 ， 
例如 : 


int x=1; // 声 明 整 型 变量 x 
int y=0; // 声 明 整 型 变量 y 
try // 尝 试 处 理 代 码 块 
{ 

X= x/y; // 出 现 异常 
} 
catch // 捕 获 异常 
{ 

Response.Write (只 数 不 能 为 空 "); // 抛 出 异常 
} 
Response.Write ("处 理 完成 "); // 由 于 前 面 发 生 异 常 ,此 语句 不 会 被 执行 


上 述 代码 试图 用 一 个 整 型 变量 除 以 一 个 值 为 0 的 整 型 变量 ,不 使 用 try- catch 捕捉 异 
常 , 则 系统 会 抛 出 异常 跳 转 到 开发 环境 或 代码 块 ,从 而 中 断 程序 。 使 用 try-catch ,系统 同 
样 会 抛 出 异常 ,但 是 开发 人 员 能 够 通过 程序 捕捉 异常 并 自 定义 输出 异常 ,从 而 提高 程序 人 
机 界面 的 友好 性 。 

如 果 和 看 望 无 论 程序 是 否 出 现 异 常 ,都 必须 执行 一 段 代码 , 则 可 将 finally 语句 放 在 try- 
catch 语句 后 面 ,格式 如 下 : 


有 可 能 出 现 异常 的 语句 块 放 在 这 里 


cath // 捕 获 异常 
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这 里 放 如 果 出 现 异 常 后 的 处 理 语句 // 抛 出 异常 ,之 后 程序 结束 
} 
finally /继续 执行 程序 块 
{ 
这 里 放 无 论 是 否 发 生 异 常 都 将 执行 的 语句 
} 


本 章 小 结 
熟练 掌握 C# 语 言 是 高 效 利用 ASP. NET 开发 强大 的 动态 网 站 的 基础 。 换 句 话说 ,只 


有 掌握 好 程序 的 编写 ,才能 从 容 面 对 各 种 实际 应 用 。 本 章 介 绍 了 C# 语 言 的 基本 语法 结 
构 ,变量 的 声明 数据 类 型 定义 方法 ,数据 类 型 的 转换 函数 和 程序 异常 处 理 。 


习题 
1. 填空 题 
(1) 如 果 int X 的 初始 值 为 1 , 则 执行 表达 式 X+ =1 之 后 ,X 的 值 为 
(2) 存储 整 型 的 变量 应 当 用 关键 字 来 声明 。 
(3) 布尔 型 的 变量 可 以 赋值 为 关键 字 或 o 
(4) 一 般 来 说 ， 语句 用 于 计数 控制 循环 ， 语句 用 于 定点 控制 循环 。 
2. 选择 题 


(1) 在 C# 当 中 无 须 编写 任何 代码 就 能 将 int 型 数值 转换 为 double 型 数值 , 称 为 ( ”)。 
A. 显 式 转换 B. 隐 式 转换 C. 数据 类 型 变换 D. 变换 
(2) 如 果 左 操作 数 大 于 右 操作 数 ,(  ”) 运 算 符 返 回 false。 


A. = :4 C. <= D. 以 上 都 是 
(3) 在 C# 当 中 ,( ) 表示 为 "" 。 

A. 空 字 符 B. 空 串 C. 空 值 D. 以 上 都 不 是 
3. 判断 题 
(1) 使 用 变量 前 必须 声明 其 数据 类 型 。 ( ) 
(2) 算术 运算 符 * /、% 、+ 、 一 处 于 同一 优先 级 。 ( ) 
(3) 每 组 switch 语句 中 必须 有 break 语句 。 ( ) 
4. 简 答 题 


(1) 计算 下 列表 达 式 的 值 ,并 在 Visual Studio 2008 中 进行 验证 。 
D5+3*4 © (4+5) *3 @7%4 
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(2) 下 列 代 码 运行 后 ,scoreInteger 的 值 是 多 少 ? 
int sooreInteger; 
Gouble soorepouble = 6.66; 
sooreInteger = (int) sooreDoble; 

(3) 指出 下 列 程 序 段 的 错误 并 改正 。 


i=1; 
while(li< =10); 
i+ 十 了 


} 


从 标准 控件 开始 


控件 就 像 手 中 的 积木 ,可 以 高 效 地 堆积 出 理想 的 功能 模型 。ASP. NET 提供 了 丰富 的 
控件 ,利用 这 些 控件 能 够 轻松 地 实现 一 个 交互 复杂 的 Web 应 用 功能 。 

ASP. NET 提供 的 控件 共 三 大 类 : 

。 Web 服务 器 端 控 件 

。 HTML 控件 

。 用 户 自 定义 控件 

HTML 控件 是 ASP. NET 为 了 向 下 兼容 而 保留 的 , 当 对 网 站 由 静态 网 页 升级 到 动态 
网 页 时 有 可 能 会 用 到 它们 。 

Web 服务 器 端 控件 是 ASP. NET 首选 控件 ,Visual Studio 2008 提供 了 大 约 80 个 Web 
服务 器 端 控件 ( 可 通过 工具 箱 窗口 进行 查看 ) ,并 根据 应 用 的 领域 划分 为 8 个 小 类 ,分 
别 为 : 

(1) 标准 控件 类 。 

(2) 数据 控件 类 。 

(3) 验证 控件 类 。 

(4) 导航 控件 类 。 

(5) 登录 控件 类 。 

(6) WebParts 控件 类 。 

(7) AJAX 扩展 控件 类 。 

(8) 报表 控件 类 。 

本 章 关注 的 是 Web 服务 器 端 控件 中 的 标准 控件 类 。 


5.1 ASP. NET 控件 的 一 些 共性 


虽然 ASP. NET 中 提供 的 控件 非常 多 ,但 只 要 掌握 了 一 定 的 规律 ,学 习 使 用 起 来 就 会 
变 得 非常 容易 。 

Visual Studio 中 的 控件 均 列 在 [工具 箱 】 窗 口 ( 如 图 5-1 所 示 ) 内 ,使 用 时 只 需 双 击 即 
可 添加 到 工作 区 当前 光标 位 置 处 ,也 可 以 用 鼠标 拖 放 添加 。 
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5.1.1 Web 服务 器 端 控件 的 属性 特征 


在 Visual Studio 的 设计 视图 中 ,用 鼠标 选择 了 某 个 服务 器 端 控件 ,或 者 , 当 从 【工具 
箱 ] 窗 口中 将 一 个 新 的 服务 器 端 控件 添加 到 工作 区 后 ,【 属性] 窗口 会 动态 地 将 该 控件 的 
自 有 属性 .事件 等 列 出 来 以 供 选 择 调整 。 比 如 ,选择 了 Label 控件 后 ,【 属 性 ] 窗 口 的 显示 


效果 如 图 5-2 所 示 。 


图 5-1 【工具 箱 ] 窗 口内 的 控件 


这 里 可 以 看 出 该 控件 的 十 Laveal systen web WT Webeontro > 
ID 名 称 : Labell i 
上 日 布局 加 | 
Lr -出 填写 属性 什 
Width 了 
上 日 可 访 月 性 里 
AccessKey 
Associater 
TabIndex 0 
日 数 磊 
(Expressi, 国 | 


对 应 帮助 天 潮 入. 


图 5-2 Label 控件 的 属性 显示 效果 


【属性 ] 窗 口 的 工具 栏 中 ,默认 按 分 类 顺序 对 各 属性 排列 ,如 果 希 望 按 字母 排序 ,可 以 


单 击 按钮 你 。 


可 以 在 对 应 的 属性 名 后 面 填写 相应 属性 值 ,如 为 Height 属性 填写 为 25px 后 回 车 ,这 
时 在 主 工作 区 的 设计 视图 中 立即 就 可 以 看 到 效果 ,这 种 设置 属性 的 方式 叫 静 态 设 置 。 

也 可 以 通过 在 代码 页 的 载 和 事件 中 ( 即 Page_Load 事件 ) 编 写 程序 来 设置 ,如 添加 赋 
值 语句 “Labell. Height =25; “进行 设置 ,自然 ,设置 后 的 效果 只 有 在 程序 运行 时 才能 够 看 
到 了 ,这 种 方式 叫 属性 的 动态 设置 。 

静态 设置 容易 上 手 ,动态 设置 可 移植 性 好 。 初 学 者 适合 静态 设置 , 待 对 控件 的 各 属性 


比较 了 解 后 再 推荐 使 用 动态 设置 。 


不 必 对 繁多 的 属性 感到 且 恨 ,一 是 因为 常用 属性 只 有 十 来 个 ,而 且 大 部 分 的 属性 
在 各 控件 中 是 通用 的 ;二 是 Visual Studio 中 对 每 个 属性 均 给 出 了 对 应 帮助 ,非常 好 
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理解 。 

每 个 Web 服务 器 端 控件 都 有 专属 于 自己 的 “| 写 meete 
若干 个 事件 ,如 单 击 事件 .加 载 事件 .数据 绑 定 事 、 让 央 22 es | 
件 等 。 可 以 通过 单 击 [ 属性] 窗口 的 事件 按钮 图 ss 


查看 。 图 5-3 所 示 为 Label 控件 的 事件 。 Ee 
双击 某 个 事件 时 ,系统 会 自动 生成 对 应 的 事 | we 

件 函 数 ,如 图 5-3 中 的 Labell _DataBinding ,并 自 i 一 一 

动 切换 到 代码 页 ,这 样 ,只 需 在 代码 页 新 生成 的 对 [3 

网 页 执行 时 , 当 满 足 事件 (本 例 即 帮助 中 描述 的 

“在 要 计算 控件 的 数据 绑 定 表达 式 时 激发 ") 时 ,添加 的 程序 代码 会 自动 被 调用 。 


5.1.2 Web 服务 器 端 控 件 的 结构 


当 从 【工具 箱 】 窗 口中 将 一 个 服务 器 端 控件 拖 放 到 工作 区 后 ,在 源 代码 视图 模式 会 自 
动 生成 相应 的 标签 代码 (设计 视图 只 是 将 其 “所 见 即 所 得 "地 显示 出 来 而 已 ) ,因此 ,了 解 
ASP.NET 控件 标签 代码 的 含义 ,有 助 于 更 好 地 使 用 控件 。 

ASP. NET 控件 标签 代码 的 基本 格式 如 下 : 


< asp: 控 件 类 型 人 D= "name" runat = "server" > < /asp: 控 件 类 型 > 
或 者 写成 空 标签 的 形式 : 
< asp: 控 件 类 型 DD= "name" nnat = "server"/ > 


例如 ,从 [工具 箱 ] 窗 口中 依次 添加 Label .TextBox .Button 三 个 控件 ,设计 视图 显示 
的 效果 为 bad Laaa|。 单 击 【 设 计 / 源 】 切 换 按 钮 区 531 可 淹 ] 中 的 【 源 】 按 
钮 ,进入 源 代码 视图 ,可 看 到 这 三 个 控件 的 标签 代码 为 : 


< asp:Label ID= "Tabell" runat = "server" Text = "Iabel" > < /asp:Label > 
< asp:TextBox ID = "TextBoxl" runat = "server" > < /asp:TextBox > 
< asp:Buttcn ID = "Bittonl" Tunat = "server" Text = "Button"/ > 


从 中 可 以 看 出 ,ASP. NET 控件 标签 代码 与 XHTML 标签 比较 类 似 ,都 需要 写 在 一 对 
尖 括 号 内 。 其 前 级 “asp:“ 是 必 加 项 , 紧 接着 是 控件 的 类 型 ,如 Label TextBox Button 。 

后 面 的 就 是 各 属性 了 ,其 中 ,ID 属性 是 控件 的 唯一 标识 ,作为 编程 时 调用 的 名 字 ; 
“runat = "server" "是 ASP. NET 控件 标签 的 固有 属性 ,代表 这 是 Web 服务 器 端 控件 。 以 
上 部 分 是 必 不 可 少 的 ,其 他 属性 根据 需要 添加 ,省 略 则 取 默 认 值 。 

若 通 过 【属性 】 窗 口 对 控件 进行 了 某 些 设置 , 则 在 该 控件 的 标签 代码 中 都 能 体现 出 
来 ,两 者 是 关联 显示 的 。 

例如 ,对 上 面 的 Label 控件 ,在 [属性 ] 窗 口内 对 ID Text.Width 属性 重新 设置 (ID 设 
为 “labUserName”,Text 设 为 “请 输入 姓名 ”, Width 设 为 “100px”) 后 ,可 以 看 到 源 代码 视 
图 中 相应 的 标签 代码 已 经 被 更 新 为 : 
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< asp:Iabel ID= "abUserName" runat = "server" Text = "请 输入 姓名 " 
Wgth= "100px" > < /asp:Iabel > 
这 样 ,对 某 控 件 进 行 属性 的 设置 ,又 多 了 一 种 选择 , 那 就 是 在 源 代码 视图 中 直接 手工 
添加 属性 。 值 得 一 提 的 是 ,Visual Studio 中 无 处 不 在 的 智能 感知 技术 让 手工 输入 标签 代 
码 也 变 得 十 分 愉快 ,如 图 5-4 所 示 。 


<asp:Label ID="1abUserName” runat="server”Text=" 请 输入 姓名 " 
Width="100px" HH >¢/asp:Label> 了 
<asp: TextBox 本 机 pont 
<asp:Button 10="E 6 


</asp:TextBox> 
Text="Button” /> 


图 5-4 在 源 代码 视图 中 直接 手工 添加 属性 
如 果 为 某 个 控件 设置 了 事件 ,事件 的 调用 代码 会 在 标签 内 添加 。 例 如 ,为 Button 控 
件 设置 了 单 击 事件 后 , 则 其 代码 会 更 新 成 为 : 


<asp:Bitton 站 = "Bittonl" rnat = "server" Text =' 咯 录 "| ol Peni Cligew /> 


5.2 ASP. NET 中 常用 Web 服务 器 端 标准 控件 


Web 服务 器 端 标准 控件 有 29 个 ,下 面 只 对 其 中 常用 的 几 个 进行 介绍 。 
5.2.1 显示 控件 


1. Label 控件 A i 


Label 控件 主要 用 于 在 页 面 上 显示 文本 。 前 面 的 几 童 已 经 多 次 使 用 到 它 , 拖 放 到 工 
作 区 显示 效果 为 Label 。 
Label 控件 的 标签 代码 默认 为 : 


< asp:Label ID= "Tabell" runat = "server" Text = "Iabel" > < /asp:Label > 


其 常用 的 属性 有 : 

。 Text: 用 来 设置 显示 的 文本 信息 。 

。 Visible: 设置 是 否 显示 该 控件 ,属性 值 为 true 或 false。 实 际 运用 的 技巧 是 ,将 提示 
信息 事先 放 在 Text 属性 中 ,并 将 Visible 属性 初始 设 为 false , 待 用 户 触 发 了 某 个 操 
作 后 ,通过 程序 直接 将 Visible 设 为 true 即 可 显示 预存 的 提示 信息 。 

使 用 程序 对 该 控件 处 理 的 用 法 如 下 (分 别 对 Text 属性 进行 “ 写 " 和 * 读 "的 处 理 ) : 


Iabell .Text= "大 家 好 "; // 在 网 页 上 显示 “大 家 好 ” 
Labell .Visible= true; // 使 Tabell 控件 可 见 


string strHello =1abell .Text; // 读 取 rabel 控件 中 的 文本 值 ,赋值 为 变量 shelo 
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2. Image 控件 国 Inase 


Image 控件 用 于 在 页 面 上 显示 图 像 。 拖 放 到 工作 区 显示 效果 为 区 ,设置 图 像 后 则 显 
示 为 具体 的 图 像 。 
Image 控件 的 标签 代码 默认 为 : 


< asp:Jmage D= "Imagel" runat = "server"/ > 


常用 的 属性 为 ImageUrl ,用 来 设置 图 形 文件 的 URL 地 址 ,设置 完成 后 对 应 的 图 标 才 
会 显示 相应 的 图 形 。 可 以 通过 [【 属性 】 窗 口中 该 属性 后 的 浏览 按钮 回 进 行 选择 。 也 可 以 
用 程序 设置 ,如 : 


Imagel .ImageUrl = "~ /images/hp.jpg"7 // 路 径 信息 也 可 写 为 "inages/hp.jpg" 


需要 注意 的 是 , 相 比 传统 的 相对 路 径 表 示 方 式 (images/hp. jpg) ,代码 中 的 路 径 多 了 
“~/”, 它 代表 Web 应 用 程序 的 根 ,也 就 是 [解决 方案 资源 管理 器 】 窗 口中 的 网 站 根 目录 
位 置 。ASP. NET 运行 时 会 自动 将 其 解析 成 实际 的 相对 路 径 。 这 比 传统 方式 具备 更 好 的 
可 移植 性 。 比 如 ,即使 将 上 述 代码 所 在 的 网 页 存放 到 网 站 的 其 他 位 置 下 ,也 无 须 对 这 行 代 
码 中 的 路 径 进行 修改 。 


5.2.2 文本 框 控件 


TextBox 控件 在 [工具 箱 】 中 的 图 标 为 加 fa , 拖 放 到 工作 区 默认 会 显示 一 个 文本 框 
| ,可 以 让 用 户 输入 文本 信息 。 
TextBox 控件 的 标签 代码 默认 为 


< asp:TextBox ID= "TextBox]" runat = "server" > < /asp:TextBox > 


常用 的 属性 有 : 

。 Text: 设置 或 得 到 文本 框 中 的 内 容 。 

。 TextMode: 设置 或 得 到 文本 框 的 输入 类 型 。 类 型 有 三 种 : SingleLine( 默认 值 ) 可 
以 输入 单行 字符 ;MultiLine( 文本 区 域 框 ) 可 以 输入 多 行 字符 ,显示 行 数 另 由 Rows 
属性 来 设置 ;Password , 即 密码 框 。 

。 AutoPostBack: 当 文本 修改 以 后 ,自动 回 发 到 服务 器 。 它 实际 上 是 做 什么 用 的 呢 ? 
在 传统 的 输入 表单 中 ,用 户 一 般 先 通过 各 种 输入 框 输入 .选择 各 种 信息 ,在 整个 过 
程 ,浏览 器 都 是 “静止 "的 ,不 会 与 服务 器 有 任何 交互 ,最 后 在 单 击 提交 按钮 之 后 ， 
信息 才 真 正 提交 到 服务 器 上 。ASP. NET 中 的 大 部 分 服务 器 端 控 件 却 可 以 不 使 用 
提交 按钮 ,只 要 自身 被 修改 ,就 可 以 立刻 提交 到 服务 器 上 ,但 前 提 是 必须 把 这 个 控 
件 的 AutoPostBack 属性 设置 为 tue。 再 配合 相关 事件 函数 ,可 以 做 到 许多 提高 用 
户 体验 的 效果 。 

通过 程序 对 该 控件 属性 处 理 的 用 法 与 Label 控件 类 似 。 这 里 不 再 歼 述 。 

常用 的 事件 有 TextChanged 事件 (默认 事件 ) ,可 以 在 用 户 对 文本 框 内 容 输入 完成 后 ， 

自动 激发 相应 程序 (如 对 输入 数据 进行 校 验 ) 。 
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下 面 的 例子 是 当 用 户 在 文本 框 输入 完成 后 ,无 须 使 用 按钮 ,只 要 鼠标 在 网 页 其 他 部 位 
单 击 一 下 ( 即 焦点 更 改 ) ,就 会 得 到 提示 “数据 输入 完成 ,内 容 是 XX”。 

(1) 从 [工具 箱 ] 窗 口 拖 入 Label 控件 和 TextBox 控件 ,双击 文本 框 控件 或 单 击 选 择 
文本 框 控件 ,再 单 击 [ 属性] 窗口 的 加 按钮 进入 事件 列表 ,双击 事件 TextChanged ,在 自动 
生成 的 事件 函数 TextBoxl_TextChanged 内 输入 相关 提示 程序 。 参 考 代码 如 下 : 

Protected void TextBoxl] TextcChanged (Gobject sender,EventArgs e) 

{ 

Iabell .Text = " 激 据 输 入 完成 ,内 容 是 "+ TextBord .Text; 

} 

(2) 修改 TextBox 控件 的 AutoPostBack 值 为 True。 


上 例 中 使 用 的 都 是 控件 的 默认 ID 名 称 ,建议 采用 “ 见 名 知 意 ” 的 方式 命名 ,并 调整 好 
控件 名 称 与 程序 调用 的 对 应 关系 。 后 同 。 


5.2.3 ”按钮 控件 


按钮 控件 可 以 把 页 面 上 的 输入 信息 提交 给 服务 器 。 共 有 三 种 ,它们 分 别 是 : 
。 Button 控件 (标准 按钮 ) 回 圳 画 
。 LinkButton 控件 ( 超 链 接 按钮 ) 加 EGG 
e ImageButton 控件 (图 像 按钮 ) 国 wa 
这 三 种 控件 的 本 质 一 样 ,都 是 按钮 ,对 应 的 也 都 是 单 击 (Click ) 事 件 ,最 主要 的 区 别 是 
外 观 的 样式 不 同 。 
将 Button 控件 .LinkButton 控件 和 ImageButton 控件 拖 放 到 工作 区 分 别 显示 为 苞 吕 | 、 
tinkButon 和 加 三 种 样式 。 
Button 控件 的 主要 属性 是 Text, 用 于 设置 将 在 按钮 上 显示 的 文本 。 
LinkButton 控件 的 主要 属性 也 是 Text, 用 于 设置 要 在 该 链接 上 显示 的 文本 。 
ImageButton 控件 的 主要 属性 是 ImageUrl ,用 于 设置 要 显示 图 像 的 路 径 (URL ) 。 
三 种 控件 在 源 视图 模式 中 对 应 的 标签 分 别 为 : 


< asp:Button ID = "Bittonl" runat = "server" Text = "Bitton"/> 
< asp:LinkButtonID = "TinkButtonl" 
runat = "server" > LinkButton < /asp:LinkButton > 

< asp: ImageButton ID= "ImageButtonl" runat = "server"/ > 

在 下 面 的 例子 中 ,页 面 将 显示 上 述 三 个 按钮 控件 和 一 个 Label 控件 , 当 单 击 某 个 按钮 
时 ,会 在 Label 控件 中 提示 “您 单 击 了 XX 按钮 1” ,程序 运行 如 图 5-5 所 示 。 

这 里 首先 把 Button 控件 和 LinkButton 控件 的 Text 属性 值 设 为 “提交 ”,ImageButton 
控件 的 ImageUrl 属性 值 设 为 站 点 中 预先 准备 好 的 图 片 。 


然后 分 别 双击 各 按钮 控件 ,在 代码 文件 中 各 自 对 应 的 单 击 事件 内 输入 相关 语句 。 代 
码 如 下 : 


Using System 
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当 无 标题 页 - Hicrosoft Internet Explorer ”| 听 | 区 | 
; 文件 EE) 编辑 E) 查看 WD 收 意 工具 帮助 万 
1I9@-e- 色 ipP 坟 Ge9- “多 - 


地 址 加) | 蜀 http://1ocalhost:1452/aspnet/Jefault. aspx 国 


您 单 击 了 图 像 按 锂 | 区 更 ] 登录 ae 


和 本 地 Intranet 
图 5-5 Button 控件 实例 
//.…- 中 间 省 略 .……- 
using System.Ximl .Ling; 


Public partial class Default: System.Web.UI.Page 
{ 
protected void Page_Ioad (Gbject sender, EventArgs e) 


} 
protected void ImageButtonl Click (dbject sender, ImageClickEventArgs e) 
Isbell.Text= "您 单 击 了 图 像 按钮 1"; 


Protected void LinkButtcnl Click (dbject sender,EventArgs e) 


Iabell .Text= "您 单 击 了 链接 按钮 1"; 
Protected void Buttonl Click (dbject sender,EventArgs e) 
a 

Iabell .Text = "您 单 击 了 标准 按钮 1"; 


5.2.4 选择 控件 
1. RadioButton 控件 © RE 


使 用 多 个 RadioButton 控件 可 以 生成 一 组 单 选 按钮 。 
RadioButton 控件 的 标签 代码 默认 为 : 
< asp:RadicButton ID= "FadicButtonl"” rmat = "server"/ > 


常用 的 属性 有 : 
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。 GroupName: 当 拖 放 多 个 RadioButton 控件 构成 一 组 单 选 按钮 时 ,为 确保 用 户 只 能 
选中 其 中 之 一 , 须 将 这 些 单 选 按钮 的 该 属性 设置 为 相同 的 值 。 

。 Text: 设置 按钮 上 显示 的 文本 信息 。 

。 Checked: 如 果 将 组 中 某 个 控件 的 属性 设置 为 true, 则 此 项 为 默认 的 选中 项 。 也 可 
以 通过 Checked 属性 判断 单 选 按钮 是 否 被 选中 , 值 为 true ,表明 按 钮 被 选中 ; 值 为 
false ,表明 按钮 没有 被 选中 。 

在 下 面 的 例子 中 ,使 用 RadioButton 控件 设置 了 一 组 单 选 按钮 ( 只 含 两 个 单 选 按钮 ) ， 

当选 择 “ 男 "后 , 单 击 [确定 按钮 ,页 面 显 示 “ 您 是 男士 " ,如 图 5-6 所 示 。 


沪 无 标题 页 - Microsoft Internet Explorer 攻占 | 民 | 
文件 编辑) 查看 收藏 4) 工具 C) 帮助 忆 
II9@- 昌 -BtLlPpyela- “iig: 
;地址 中 | 图 http:/7lecalhest:1452/aspnet/Defelt aspx 国 园区 到 


图 5-6 ”RadioButton 控件 实例 


设计 页 的 相关 标签 代码 如 下 : 


< asp:FadicButton D= "HotMan" runat = "eerver Groenme = AUssrSee Tet=" 明 > 
< aspFedicBttan ID= "tren" runat = "Server" | GORNEe = "sere Texct=" 权 "/> 
< asp:Bittan D= "btrok' nnat = "server" anclick= "bnck Clicke" Text = "' 哺 定 > 

< asp:Label ID= "blResult" runat = "server" > < /asp:Iabel > 


代码 页 内 “确定 "按钮 的 代码 如 下 : 


protected void btnok Click (dbject sender, EventArgs e) 

if (ibtMan.Checked) // 如 果 选 择 了 “ 男 " 单 选 按钮 
| JblResult.Text= "您 是 男士 "; 
中 (ibtiiomen.Checked) // 如 果 选 择 了 “ 女 " 单 选 按钮 
blResult.Text= "女士 优先 "; 
让 (Hbtken.Checked && lrbtWamen.Checked) // 如 果 都 未 选择 
| JolResult.Text = "好 像 您 还 没有 选 啊 "; 
h 


全 ASP.NET 动态 网 站 开发 教程 
全 


2. RadioButtonList 控件 汪 M0006 


由 于 每 一 个 RadioButton 控件 是 独立 的 控件 ,要 判断 一 组 内 是 否 有 被 选中 的 项 ,必须 
判断 所 有 控件 的 Checked 属性 值 ,这 样 语句 比较 烦琐 ,针对 这 种 情况 ,ASP. NET 提供 了 
RadioButtonList 控件 ,该 控件 具有 和 RadioButton 控件 同样 的 功能 ,但 可 以 方便 管理 各 个 
数据 项 。 

RadioButtonList 控件 的 标签 代码 默认 为 : 


< asp:RadicButtonList ID= "Fadicputtonristl" runat = "server" > 
< /asp:FadticButtonList > 
常用 属性 为 : 
e RepeatDirection : 项 的 布局 方向 。 可 选 为 默认 的 Vertical ( 垂直) 或 Horizontal (水 
平 ) ,如 图 5-7 所 示 。 
。 SelectedValue: 获取 选 定 项 的 值 。 
SelectedIndex: 获取 或 设置 选 定 的 数据 项 的 索引 值 ( 从 0 开始 索引 ) , 若 没有 选择 
任何 项 , 则 索引 值 为 -1。 
DataTextField: 数据 源 中 提供 每 项 的 显示 文本 的 字段 。 后 面 学 习 到 数据 库 时 可 配 
合 使 用 。 
DataValueField: 数据 源 中 提供 每 项 值 的 字段 。 后 面 学 习 到 数据 库 时 可 配合 使 用 。 
Items: 列表 中 项 的 集合 。 通 过 该 集合 ,可 对 列表 中 的 项 进行 统计 ( Count) 、 添 加 
(Add) 清空 (Clear) . 读 取 等 操作 。 
拖 放 RadioButtonList 控件 到 工作 区 初始 显示 为 c 未 秘 定 。 选 中 该 控件 ,在 控件 上 会 出 
现世 图 标 , 单 击 可 以 显示 或 隐藏 RadioButtonList 控件 的 快捷 任务 菜单 ,如 图 5-8 所 示 。 
i 
cn Cr 


图 5-7 RadioButtonList 控件 项 的 布局 方向 图 5-8 RadioButtonList 控件 的 快捷 任务 菜单 


提示 : 快捷 任务 菜单 中 的 各 选项 实际 上 在 【 属性】 窗口 内 也 对 应 存在 , 它 只 是 列 出 最 
常用 的 一 部 分 ,使 用 起 来 更 快捷 方便 而 已 。 

选择 快捷 任务 菜单 中 的 【 编辑 项 ] ,出 现 [ListItem 集合 编辑 器 】 对 话 框 ,可 以 通过 [ 添 
加 ] 或 [ 移 除 ] 按 钮 ,为 RadioButtonList 控件 添加 或 删除 数据 项 ,如 图 5-9 所 示 。 

每 个 数据 项 包括 了 4 个 选项 ,分 别 是 : 

。 Enabled( 是 否 启 用 ) , 若 设 为 false, 则 运行 后 该 数据 项 变 为 灰色 不 可 选 。 

e Selected( 是 否 设 为 默认 选中 状态 ) 。 

。 Text( 显示 文本 ) 。 

。 Value( 实际 将 要 提交 的 值 ) 。 

每 个 数据 项 都 有 唯一 的 索引 值 ,从 0 开始 计数 。 用 法 与 数组 的 操作 类 似 ( 每 一 个 数 
据 项 相当 于 数组 中 的 一 个 元 素 ) 。 
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ListItea 集合 编辑 器 


设置 默认 选中 项 


夭 加 外 ] [_ 逢 除 四 ) 


图 5-9 为 RadioButtonList 控件 添加 数据 项 
完成 图 5-9 数据 项 的 添加 后 ,RadioButtonList 控件 对 应 的 标签 代码 将 调整 为 


< asp:RadicButtonList ID= "RadicButtonListl" runat = "server" 
RepeatDirection = "Horizontal" > 
< asp:ListItem> 男 < /asp:ListItem> 
< asp:ListTtem Selected = "True" > 女 < /asp:ListItem> 

< /asp:FadicButtonList > 


使 用 RadioButtonList 控件 来 输出 性 别 就 非常 简单 了 ,只 需要 一 条 语句 即 可 : 


Protected void birok_ Click (dbject sender, EventArgs e) 
{ 

]blFesult.Text = "您 是 "+ RadicButtonList1 .SelectedValue + "十" 
{ 


若 要 更 完善 地 完成 图 5-6 中 判断 性 别 的 操作 ,可 如 下 编写 代码 : 


Protected void btnok_Click (doject sender, EventArgs e) 
{ 
if (RadicButtonListl .SelectedIndex > =0) // 如 果 用 户 选 择 了 某 一 数据 项 
{ 
if (RedicButtoanristi.Selectedalue= = 锣 ) // 如 果 选 择 了 数据 项 的 值 为 " 男 ” 
{ 
JblResult.Text = "您 是 男士 "; 
} 
else 
{ 
JblResult.Text = "女士 优先 "; 
} 


else // 如 果 都 未 选择 


JblResult.Text= "好 像 您 还 没有 选 啊 "; 
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RadioButtonList 控件 除了 上 述 的 用 法 外 ,还 支持 数据 项 的 各 项 操作 , 主要 是 利用 列表 


项 集合 对 象 Ttems。 


(1) 使 用 Add 方法 进行 数据 的 动态 添加 。 即 通过 程序 语句 ,在 运行 中 为 该 控件 添加 


数据 项 。 如 为 RadioButtonList 控件 ( 设 ID 名 为 RadioButtonListl ) 添加 性 别 作为 数据 项 ， 


可 写 为 : 
RaedicButtonList1.Items.Add(" 男 "); // 相 当 于 Text 和 Value 均 为 * 男 ” 
RedicButtonristl .Ttems.20d(" 女 "); // 相 当 于 Text 和 Value 均 为 * 女 ” 
或 


FadicButtonListl .Ttems.Bcd new ListTtem(" 男 " "boy")); 
//Text 为 * 男 ” ,Value 为 “boy” 
FadicButtonList] .Ttems.7dd (new ListItem(" 女 ", "girl")); 
//Text 为 * 女 ” ,Value 为 “girl” 
(2) 使 用 Count 属性 获取 数据 项 的 总 数量 。 例 如 : 
int a = RadiceuttonListl .Ttems.Comnt; 
(3) 使 用 Clear 方法 清除 所 有 数据 项 。 例 如 : 
FadicButtonList] .Ttems.Clear (); 
(4) 对 数据 项 进行 读 取 。 
e 判断 第 0 项 是 否 被 选中 : RadioButtonListl. Items[0]. Selected。 


。 获取 第 0 项 的 显示 文本 : RadioButtonListl. Items[0]. Text。 
。 获取 第 0 项 的 提交 值 : RadioButtonListl. Items[0]. Value。 


3. CheckBox 控件 回 EE 


使 用 多 个 CheckBox 控件 可 以 生成 一 组 复 选 框 。 

CheckBox 控件 的 标签 代码 默认 为 : 

< asp:CheckBox ID = "CheckBoxd" runat = "server"/ > 

常用 的 属性 有 : 

。 Text: 设置 控件 上 显示 的 文本 。 

。 Checked: 复 选 框 的 选中 状态 。 选 中 值 为 tue ,未 选 则 为 false。 

在 下 面 的 例子 中 ,通过 CheckBox 控件 生成 一 组 复 选 框 ,当选 择 了 其 中 的 数据 项 后 单 


击 [ 确定】 按钮 ,网 页 将 显示 所 选项 目 , 如 图 5-10 所 示 。 


图 中 各 控件 在 设计 页 的 源 视图 中 的 标签 代码 如 下 (注意 各 控件 已 经 重新 命名 了 ID ) : 


< asp:CheckBox ID= "dasEbotball" runat = "server" Text = "足球 "> 
< asp:CheckBox ID= "GasMnsic" runat = "server" Text = "音乐 "/ > 
<br/> 

< asp:CheckBox ID= "dReading" runat = "server" Text = "阅读 "/ > 
< asp:CheckBox ID= "dxSwimming" runat = "server" Text = "游泳 "/> 
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EE ed 
; 文件 四 ”编辑 EE) 查看 WD 收 蕊 人) 工具 四 帮助 人 D 三 
iQ-©O-: 国 加 名 | 女 @| 犁 ， “i 篇 - 
地 址 冲 ) 莘 http://1ocalhost:1452/aspnet/Default aspx 闸 轩 区 到 


口 足球 回音 乐 
回 阅读 口 游泳 
[一] 您 言 欢 音乐 阅读 


图 5-10 单 击 [ 确定] 按钮 后 显示 所 选项 目 


<br/ > 
< asp:Bitton D= "btrok' rnat = "gerver" anclick= "btnck Clige" Tedt= " 唤 定 > 
< asp:Label D= "lblResult" runat = "server" > < /asp:Iabel > 


【确定 】 按 钮 的 单 击 事件 代码 如 下 : 


Protected void btnok_ Click (doject sender, EventArgs e) 
{ 
String stiMessage = "™"; 


if (dbxFoothball .Checked) // 若 选中 足球 复 选 杠 
strMEssage + = dixFbothball.Text + " "; // 将 文本 “足球 "累加 到 字符 变量 
0 // 若 选中 音乐 复 选 框 

' strMessage + = dhsMisic.Text + " ™; // 参 考 :a+ =b 相 当 于 a=a+b 
0 // 若 选中 阅读 复 选 框 


StrMEssage + = dxReading.Text + " ™» 

> // 若 选中 游泳 复 选 框 

| StrMessage + = dhxSwinming.Text + " ™; 

EN "您 喜欢 "+ strMessage; // 显 示 累 加 后 的 结果 值 
} 


4. CheckBoxList 控件 旺 has 到 


虽然 使 用 CheckBox 控件 可 以 生成 一 组 复 选 框 ,但 这 种 方式 对 于 多 个 选项 来 说 ,在 程 
序 判 断 上 比较 烦琐 ,因此 ,CheckBox 控件 一 般 用 于 数据 项 较 少 的 复 选 框 ,而 对 于 数据 项 较 
多 的 复 选 框 ,多 使 用 CheckBoxList 控件 ,可 以 方便 地 获得 用 户 所 选取 数据 项 的 值 。 
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CheckBoxList 控件 的 用 法 与 RadioButtonList 控件 的 用 法 非常 类 似 。CheckBoxList 控 
件 则 放置 到 工作 区 显示 未 乡 定 。 
CheckBoxList 控件 的 标签 代码 默认 为 : 


<asp:CheckBosdist D= "CheckBosfistl" ronat = "server" > < /asp:CheckBasList > 


常用 属性 为 : 

。 RepeatColumns: 设置 每 行 显示 的 数据 项 的 个 数 。 

。 RepeatDirection : 设置 各 数据 项 的 排列 方向 (水 平和 垂直 ) 。 

。 Items: 列表 中 项 的 集合 。 

如 和 希望 实现 上 例 中 显示 喜欢 内 容 的 效果 ,可 使 用 CheckBoxList 控件 蔡 代 CheckBox 
控件 ,并 通过 选择 快捷 任务 菜单 中 的 【编辑 项 】, 为 其 添加 足球 .音乐 .阅读 ,游泳 4 个 数据 
项 ,在 [属性 ] 窗 口 设置 RepeatColumns 为 2,RepeatDirection 为 Horizontal。 双 击 【[ 确定 】 按 
钮 进入 代码 视图 ,为 [ 确定】 按钮 的 单 击 事件 输入 代码 ,如 下 所 示 。 


Protected void btnok Click(Gbject sender, EventArgs e) 

{ 
String stiMessage = ""; 
for(int i=0; i< CheckBoxListl.Items.Count; i+ +) 
{ 


if (CheckBoxList1 .Ttems [i] .Selected) // 若 当前 项 被 选中 
{ 
stMessage + = CheckBoxList] .Ttems [i].Text +" "; 
} 
} 
lblResult .Text = "您 喜欢 "+ strMessage; 
} 


通过 代码 可 以 看 出 ,使 用 CheckBoxList 控件 , 仅 用 一 个 for 循环 就 能 判断 出 所 有 被 选 
中 的 数据 项 。 


5.2.5 列表 控件 
1. ListBox 控件 国 球台 员 


ListBox 控件 用 于 创建 允许 单 选 或 多 选 的 列表 框 ,使 用 方法 与 RadioButtonList 控件 非 
常 类 似 。 默 认 在 工作 区 显示 【未 绑 定 】, 通 过 它 的 快捷 任务 菜单 中 的 【编辑 项 】, 可 以 为 该 
控件 添加 数据 项 。 

ListBox 控件 的 标签 代码 默认 为 : 


< asp:ListBox ID= "TIistBoxl" runat = "server" > < /asp:ListBox > 


常用 的 属性 有 : 
e Rows: 要 显示 的 可 见 行 的 数目 。 
e SelectionMode: 列表 的 选择 模式 。 默 认 只 能 选择 单行 (Single) ,如 设置 为 Multiple 
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可 选择 多 行 。 
e Items: 列表 中 项 的 集合 。 


下 面 的 例子 中 ,使 用 ListBox 控件 创建 了 一 个 多 项 选择 列表 ,通过 配合 Ctrl 键 进行 多 
个 数据 项 的 选择 ,如 图 5-11 所 示 。 


EE Ed 


; 文件 @) 编辑 时) 查看 如) 收 着 工具 C) 帮助 鹿 
iQ-©O-: 日 公 |P 女 8a- “ji 多 
; 地 址 加 | 图 http:/7localhest: 1452/aspnet/Defealt aspx 加 | 回转 到 


图 | 


您 喜欢 的 歌曲 是 稻 香 青花 次 红豆 


图 5-11 ListBox 控件 的 多 项 选择 输出 

本 例 [ 确定] 按钮 的 单 击 事件 代码 如 下 : 
Protected void birok Click (doject sender, EventArgs e) 
{ 

String strMessage = "™™; 

for (int i=0; i<ListBox.Items.Cont; i+ +) 

{ 

证 (ListBoxl .Items [i] .Selected) 
StrMessage + = ListBoxl .Items[i] .Text + " "; 
} 


]blFesult.Text = "您 喜欢 的 歌曲 是 "+ striMessage; 
} 


2. DropDownList 控件 国 opDowDi 


下 拉 列 表 框 相对 列表 框 , 可 以 更 好 地 节约 页 面 布局 的 空间 。ASP. NET 中 的 
DropDownList 控件 则 用 来 创建 下 拉 列 表 框 ,下 拉 列 表 框 只 能 单 选 。 

DropDownList 控件 的 标签 代码 默认 为 : 

<asp:DrqrDourList ID= "DropDownList1" runat = "server" > < /asp:DrcrDomList > 

使 用 方法 与 ListBox 控件 非常 类 似 。 

常用 的 属性 有 : 

e SelectedItem : 获得 所 选项 的 内 容 。 

。 Items: 列表 中 项 的 集合 。 

使 用 DropDownList 控件 实现 上 例 中 喜欢 歌曲 网 页 的 代码 可 只 用 一 条 语句 实现 : 


]JblFesult.Text = "您 喜欢 的 歌曲 是 "+ DropDownListl .SelectedItem.Text; 
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这 是 因为 DropDownList 控件 只 能 单 选 列表 框 中 的 一 条 数据 项 ,因此 不 必 再 使 用 循环 
逐一 判断 。 


5.2.6 超 链接 控件 


HyperLink 控件 专款 本 十 显示 为 一 个 超 链接 ,默认 显示 为 硕士 。 
HyperLink 控件 的 标签 代码 默认 为 : 

< asp:HyperLink ID= "HyperLinkl" runat = "server" > HyperLink < /asp:HyperLink > 
常用 的 属性 有 : 

。 Text: 要 为 该 链接 显示 的 文本 。 

。 ImageUrl: 要 显示 的 图 像 的 URL。 也 就 是 说 它 也 可 以 显示 成 图 像 链 接 。 
。 NavigateUrl: 定位 到 的 URL。 即 单 击 后 链接 的 目标 地 址 。 

e Target: 链接 的 目标 框架 。 需 与 Frameset 或 Iframe 框架 配合 使 用 。 


5.2.7 文件 上 传 控 件 


FileUpload 控件 下 十 5m 可 以 将 用 户 本 地 文件 上 传 到 Web 服务 器 。 显 示 
为 [| 
FileUpload 控件 的 标签 代码 默认 为 : 
< asp:FileUpload ID= "EileUploadl" runat = "server"/ > 
常用 的 属性 有 : 
。 FileName: 返回 要 上 传 文件 的 名 称 , 不 包含 路 径 信息 。 
。 HasFile: 如 果 是 true , 则 表示 该 控件 有 文件 要 上 传 。 
e PostedFile: 获得 上 传 文件 的 引用 。PostedFile 对 象 与 上 传 文件 相关 联 后 ,通过 该 
对 象 的 一 些 属性 ,可 获得 有 关上 传 文件 的 一 些 信息 。 比 如 ContentLength( 文件 大 
小 ) .ContentType( 文件 类 型 ) 等 。PostedFile 有 一 个 重要 的 方法 SaveAs, 用 于 实现 
文件 的 上 传 操作 。 
在 下 面 的 例子 中 ,使 用 FileUpload 控件 完成 文件 的 上 传 ,所 上 传 的 文件 限制 了 文件 的 
大 小 ,不 能 大 于 1MB ,上 传 后 的 文件 保存 在 站 点 中 名 为 upload 的 子 目录 中 。 如 果 是 JPG 
图 像 格 式 就 显示 图 像 超 链接 ,如 果 是 其 他 文件 格式 则 显示 文本 超 链接 。 效 果 如 图 5-12 
所 示 。 
本 例 设计 页 源 代码 如 下 : 


< $@ Page Language = "C#" AttoEventWirep = "true" CodeFile= "Default.aspx.cs" Inherits=" Default" 
> 


< !DOCTYEE html PUBLIC" - //WBC//DID XHTML 1.0 Transitional//EN™ “http://wmw.w3.org/TIR/xhtmll/DID/ 
xhtmll - transitional .dtd" > 


< html xmlns = "http://ww-w3.org/1999/xhitml" > 
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区 无 标题 页 - Eicrosoft Internet Explorer 睫 


文件 外 ) ”编辑 全 ) 查看 人 收 若 由 工具 人 0 才 助 的 文件 四 ”编辑 企 ) 查看 名 收藏 人 工具 外 帮助 加) 
ijG-O- 国 国 公 |P 女 @B8: “i 多 -| le-e:-BBU6GIP 立 el|G- “| 和- 
;地 址 各 | 阐 http://1ocnlhost:1452/ wspnet/Defwlt. aspx 国 | 固 基 到 ;地 三 四 | 图 http://localhest:14521aspnet/Detelt aspx 六 


D 东 时 山水 jpg EE 
[Ey 同文 件 保存 成 功 


一 -和 加 | 


(a) 选择 上 传 文件 (b) 文件 上 传 保存 成 功 


图 5-12 如 果 上 传 文件 为 JPG 图 像 格 式 则 显示 图 像 超 链接 


< head runat = "server" > 
<title> 无 标题 页 < /title> 

< /head > 

<body> 
< fom id= "foml" runat = "server" > 
<div> 


< asp:FileUpload D= "fagMFile" runat = "server"/ > 

<br/ > 

< asp:Bitton ID= "bbn0pload" runat = "server" anclick= "btn0pload Click" Text= "上 传 "> 
< asp:Iabel ID = "lJblMessage" runat = "server" > < /asp:Iabel > 

< asp:HyperLink ID= "hlkFile" runat = "servern 

Visible= "False" > [hlkFile] < /asp:HyperLink > 


</div> 
< /fom> 
< /body> 
< /htbml > 
代码 页 的 完整 代码 如 下 : 
using System; 
//.…- 中 间 省 略 .…… 
Using System.Ximl .Ling; 


Public partial class Default : System.Web.UI.Page 
Protected void Page Load (dbject sender, EventArgs e) 


和 


Protected void btnDploaqd Click(Goject sender,EventArgs e) 
{ 
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证 (fagMyEile.EsEile) // 如 果 存 在 用 户 选择 的 上 传 文件 
{ 
// 获 得 上 传 文件 的 大 小 
if(intFilesize > 1024* 1024) 
JblMessage.Tex= "文件 大 小 不 能 大 于 lMB"; 
retum; 
} 
String strFileName = fagMyFile.FileName7 
// 获 取 上 传 文件 的 类 型 
string strFileType = furMyFile.PostedFile.ContentType; 
/获取 网 站 uplcaa 子 目录 的 物理 路 径 
String strSavePath = Server.MapPath(" ~ /upload/"); 
fixMyFile.PostedFile.Savens (strsavePath+ strFileName); // 上 传 


hlkFile.Visible= true; // 使 超 链接 控件 可 见 
hlkEile.NavigateUrl = " ~ /upload/" + strFileNamey 
if (strFilerype= = "image/pjpeg") // 若 上 传 为 E56 图 像 文件 


{ 

hlkEile.ImageUrl = "~ /upload/"+ strFileNeme; // 则 显示 图 像 链 接 
} 
else 


4 

hlkEile.Text = strFileNamey // 否 则 显示 文本 链接 
} 
lblMessage.Text = "文件 保存 成 功 "; 


lblMessage.Text = "请 指定 上 传 的 文件 "; 


} 


5.2.8 Table 控件 


普通 的 表格 (Table ) 多 用 于 显示 静态 数据 ,表格 在 使 用 之 前 就 定义 好 行 数 和 列 数 ,不 
能 根据 所 要 显示 的 数据 动态 地 调整 表格 的 行 数 和 列 数 。 

Table 控件 国 5 司 却 可 以 根据 要 显示 的 数据 内 容 , 通 过 编程 的 方式 动态 生成 表格 的 行 
数 和 列 数 。 

动态 表格 的 生成 除了 需要 使 用 Table 控件 外 ,还 需要 使 用 到 TableRow 对 象 和 
TableCell 对 象 。 如 果 说 Table 控件 代表 整个 表格 ,那么 ,TableRow 对 象 代表 表格 中 的 行 ， 
TableCell 对 象 代表 行 中 的 单元 格 。 

HyperLink 控件 的 标签 代码 默认 为 : 
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< asp:Table ID= "Tablel" runat = "server" > < /asp:Table > 


Table 控件 拖 放 到 工作 区 将 只 显示 失 典 , 它 没有 任何 表格 的 特征 ,需要 通过 编程 方式 
生成 表格 。 

下 面 例子 在 网 页 载 入 后 ,动态 生成 一 个 两 行 两 列 的 表格 ,4 个 单元 格 分 别 显示 “ 春 ”、 
“ 夏 ”“ 秋 ”“ 冬 ”, 如 图 5-13 所 示 。 


外 无 标题 页 - Hicrosoft Internet Explorer ”让 | 尼 | 芭 | 
文件 到 ) ”编辑 下) 查看 WW) 收 蕊 由) 工具 XI) 帮助 00 

II9-O-DBElp 坟 el 和- 

; 地 址 四 ) | 图 | http://lecalhost:14521aspnet/Detaalt_ aspx 加 | 园 $ 到 


者 牙 
欣 旋 


图 5-13 Table 控件 实例 


在 设计 视图 中 拖 放 一 个 Table 控件 , 先 设置 其 GridLines 属性 值 为 *Both” ,该 属性 的 
作用 是 同时 显示 表格 的 水 平 线 和 垂直 线 。 然 后 在 代码 页 的 页 载 人 事件 (Page_Load) 下 输 
入 如 下 代码 : 


Protected void Page_Load (Gbject sender, EventArgs e) 
{ 
// 创 建 4 个 单元 格 , 并 为 每 个 单元 格 设置 显示 内 容 
TableCell cl = new TableCell (); 
dl.Text=" 春 "; 
TableCell c2 = new TableCell (); 
.Tet= 嘎 "; 
TableCell] c3 = new TableCell (); 
3.Text= 呈 "; 
TableCell] c4 = new TableCell (); 
Text= 吃 二 
// 创 建 两 个 表格 行 
TebleRow Il = new TableRow (); 
TableRow r2 = new TableRow (); 
// 新 创建 的 行 孔 , 妆 与 单元 格 .cc3、c4 之 间 是 没有 任何 关联 的 ， 
// 所 以 需要 做 向 表格 行 添加 单元 格 的 工作 
rl1.0alls.ncd(cl); 
也 .Calls.mMca(c2)7 
22.CGells.mGa(c3)7 
了 2.CGells.mGa(c4)7 
// 向 Table 控 件 添加 行 马 ` 之 。 因 为 它们 之 前 也 是 没有 关联 的 
Tablel .Rows .Dod (rl1); 
Tablel .Rows .P69 (7r2); 
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运行 后 即 可 得 到 图 5-13 的 效果 。 从 程序 可 以 看 出 ,新 创建 的 表格 行 .单元 格 .Table 
控件 三 者 都 是 独立 的 ,没有 任何 联系 。 所 以 必需 要 做 这 样 的 工作 : 向 行 的 单元 格 集合 内 
添加 新 单元 格 ,向 Table 控件 的 行 集合 内 添加 新 行 。 

下 面 的 例子 比较 有 意思 ,也 略 复杂 一 些 (使 用 了 循环 找 套 ) ,可 以 根据 输入 的 行 数 和 
列 数 动态 生成 表格 ,结果 如 图 5-14 所 示 。 


要 无 标题 页 - Hicrosoft Internet Explorer 上 尾 | 加 | 网 | 
; 文件 四 ”编辑 中 查看 W) 收藏 人 工具 中 帮助 0 
i@Q-O- 国 国信 |PP 女 @|9-: 


; 地址) | 独 http://1ocalhost:1452/aspnet/Defavlt. aspx 国 | 


请 输入 表格 的 行 数 
请 输入 表格 的 列 数 
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[13l14l1sl16l17l18 
119|20121122123124 


图 5-14 ”Table 控件 实例 


其 中 ,两 个 文本 框 控件 ID 属性 分 别 为 txtRow 和 txtCell, Table 控件 的 ID 属性 为 
tabDemo ,GridLines 属性 为 "Both” 。Button 控件 的 ID 属性 为 btnBuild。 
双击 提交 按钮 后 代码 如 下 : 


protected void btnBuild Click (coject sender, EventArgs e) 
{ 
// 获 得 表格 的 行 数 赋 给 变量 intRows 
int intRows = int.Parse (txtRow.Tezxt); 
// 获 得 表格 的 列 数 赋 给 变量 intcslls 
int intoells = int.Parse (txtOa]] .Tezxt); 
int intcomt =0; // 用 于 单元 格 的 显示 文本 
// 循 环 一 次 创建 表格 的 一 行 
for (int i=0;i< intRows;i+ +) 
{ 
// 创 建 表格 的 一 行 
TableRow r= new TableRow (); 
// 循 环 一 次 创建 表格 的 一 列 单元 格 ) 
for(int j=0;j < intoalls;j + +) 
// 创 建 一 个 单元 格 
TebleCell c= new TableCell (); 
jintCount+ 十 
// 和 将 count 的 值 转换 为 字符 串 类 型 在 单元 格 中 显示 出 来 
C.Text = intComt.ToString(); 
// 将 单元 格 插入 对 应 的 行 中 


1 


第 5 章 从 标准 控件 开始 
一 二 一 一 < 全 
IT-Cells.RGa(c)7 


} 
// 将 行 插入 表格 中 


tabDemp.Rows.RGH(r) 7 


} 


5.2.9 容器 控件 


ASP. NET 提供 两 种 常用 的 容器 控件 : Panel 控件 和 PlaceHolder 控件 。 可 以 在 其 内 
部 再 创建 新 的 控件 。 


1. Panel 控件 国 远志 


Panel 控件 可 以 将 放 入 它 区 域 中 的 所 有 控件 作为 一 个 整体 来 操作 。 比 如 ,可 以 利用 
Panel 控件 来 隐藏 或 显示 一 组 ASP. NET 控件 ,而 不 必 对 其 中 的 控件 分 别 进行 操作 。 

Panel 控件 的 标签 代码 默认 为 : 

< asp:Panel ID= "Eanell" runat = "server" > < /asp:Panel > 

常用 的 属性 是 Visible ,可 以 通过 设置 该 属性 控制 其 本 身 以 及 它 内 部 控件 的 显示 或 

Panel 控件 在 工作 区 默认 显示 为 一 个 矩形 空白 区 域 ,可 以 将 其 他 控件 拖 放 到 该 控 
件 中 。 

下 面 的 页 面 内 包含 一 个 RadioButtonList 控件 ,用 于 选择 自己 的 出 行 工 具 。 当 选择 
“其 他 "选项 ,就 会 显示 Panel 控件 的 内 容 , 如 图 5-15 所 示 。 


沁 无 标题 页 - Microsoft Internet Explorer 攻占 | 避 | 


文件 EE) 编辑 E) 查看 WD 收 关上 工具 C) 帮助 史诗 
@' OO- 国 六 把 |P 女 | “i 网 - 
地 址 加 ) | 罩 http://1ocalhost:1452/aspnet/Defanlt. aspx 回 | 加 # 到 


请 选择 出 行 工具 ， 
口 公共 汽车 
避 自 行车 

〇 步行 

加 其 他 

请 输入 您 的 出 行 工具 ， | 


图 5-15 ”Panel 控件 实例 


制作 步骤 如 下 : 

(1) 添加 各 控件 到 主 工作 区 。 包 括 两 个 Label 控件 (用 于 提示 信息 ); 一 个 
RadioButtonList 控件 (用 于 显示 4 个 单 选 项 目 ) ;一 个 TextBox 控件 ;一 个 Panel 控件 (用 
于 存放 单 击 “ 其 他 "后 显示 的 内 容 ) ,用 于 提示 信息 的 Label 控件 和 TextBox 控件 要 放 到 
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Panel 控件 内 。 

(2) 设置 各 控件 属性 。 除 更 改 ID 属性 和 提示 文本 外 ,还 要 特别 注意 的 是 更 改 Panel 
控件 的 Visible 属性 值 为 False, 即 初始 为 不 显示 ; 更 改 RadioButtonList 控件 的 
AutoPostBack 属性 为 True ,目的 是 配合 该 控件 的 SelectedIndexChanged 事件 自动 回 发 。 

(3) 双击 RadioButtonList 控件 ,在 自动 生成 的 其 SelectedIndexChanged 事件 内 输入 
代码 : 

protected void rtblTravelTools Selectedindes hanged (Goject sender,EventArgs e) 

{ 


if (rblTravelTools.Selectedrtem.Value= = "其 他 由 // 若 单 击 了 “其 他 ” 
{ 

panTravelTools.Visible= true; // 显 示 Penel 控件 
else // 否 则 不 显示 


PanTravelTools.Visible= false; 


2. PlaceHolder 控件 区 Sai 


PlaceHolder 控件 用 于 在 页 面 上 保留 一 个 位 置 ,以 便 运 行 时 在 该 位 置 动 态 放置 其 他 的 
控件 。 默 认 显示 为 [PlaceHolder "placeHolderl"] 。PlaceHolder 控件 不 能 通过 设计 页 直接 向 其 中 
添加 子 控件 , 它 只 是 起 一 个 占 位 符 的 作用 ,添加 的 工作 必须 在 程序 中 完成 。 

前 面 介绍 的 Panel 控件 不 但 可 静态 地 添加 子 控 件 ,也 具有 动态 添加 子 控件 的 功能 。 

PlaceHolder 控件 的 标签 代码 默认 为 : 


< asp:PlaceHplder ID = "PlaceHplderl"runat = "server" > < /asp:PlaceHplder > 


下 面 例子 使 用 程序 向 PlaceHolder 控件 动态 地 添加 了 一 个 Label 控件 和 一 个 TextBox 
控件 ,并 在 页 面 首次 加 载 时 显示 ,如 图 5-16 所 示 。 


包 无 标题 页 - Microsoft Internet Explorer 此] 问 几 | 

文件 如 ”编辑 时) 查看 WD 收藏) 工具 IJ) 帮助 WD 以 
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图 5-16 向 PlaceHolder 控件 动态 地 添加 控件 


操作 步骤 是 ,首先 向 工作 区 拖 放 一 个 PlaceHolder 控件 ,然后 双击 页 面 空白 处 ,进入 代 
码 页 的 页 载 和 人 事件 Page_Load ,输入 相应 代码 : 
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Protected void Page Ioad (Gbject sender,EventArgs e) 
{ 
Iabel lblName = new Label (); 
lolNare.Text = "请 输入 你 的 姓名 "; 
TextBox txtName = new TextBox ()7 
BlacsHolaerl .Controls .Md (lblName); 
BlacsHplaerl .Controls .Dod (txtName); 
} 


本 章 小 结 


作为 ASP. NET 开发 中 首选 使 用 的 Web 服务 器 端 控件 ,其 相关 属性 可 以 通过 三 种 方 
法 进行 设置 ,分 别 是 在 属性 窗口 中 设置 ,通过 程序 的 赋值 语句 设置 ,以 及 在 设计 页 的 源 视 
图 中 手工 对 标签 进行 属性 的 设置 。 本 章 仅 对 常用 的 一 些 标准 控件 进行 了 介绍 ,实际 上 标 
准 控件 的 属性 和 使 用 方法 还 有 很 多 ,但 本 着 够 用 就 好 的 原则 ,没有 必要 熟知 每 一 个 属性 ， 
实际 工作 中 若 有 用 到 ,只 要 通过 属性 窗口 的 简单 帮助 便 可 很 方便 地 了 解 各 使 用 方法 。 


习题 

1. 填空 题 

(1) 容器 控件 有 和 ,其 中 常用 于 动态 添加 其 他 控件 的 是 

(2) 使 用 TextBox 控件 生成 多 行 的 文本 框 ,需要 把 TextMode 属性 设 为 。 才 可 
以 通过 Rows 属性 设置 行 数 。 

(3) ID 属性 为 btnSubmit 的 Button 控件 激发 了 Click 事件 时 ,将 执行 事件 过 
程 。 


(4) 要 获取 用 户 在 ID 属性 为 txtUsername 的 文本 框 中 填写 的 值 ,调用 方式 
为 


2. 选择 题 


(1) 使 用 一 组 RadioButton 按钮 制作 单 选 按钮 组 ,需要 把 下 列 哪个 属性 的 值 设 为 同一 
值 ? ( ) 


A. checked B. AutoPostBack C. GroupName D. Text 
(2) 要 动态 地 生成 表格 ,需要 使 用 到 如 下 的 哪 几 种 控件 ? ( ) 

A. Table B. TableRow 

C. Panel D. TableCell 


(3) 使 用 RadioButtonList 生成 单 选 列表 ,选中 其 中 的 某 项 时 触发 SelectedIndexChanged 
和 件 , 则 该 控件 的 哪个 属性 要 设置 为 true? ( » 
A. checked B. AutoPostBack C. selected D. Text 
(4) 要 使 ListBox 控件 的 行 数 为 多 行 ,需要 将 下 列 哪 个 属性 值 设置 为 Multiple? ( ) 


el 
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A. checked B. AutoPostBack 

C. TextMode D. SelectionMode 
3. 判断 题 
(1) ListBox 控件 所 显示 的 列表 可 以 选择 多 项 。 CC » 
(2) 判断 CheckBox 控件 是 否 被 选中 可 以 通过 其 selected 属性 的 值 来 判断 。 ( } 
4. 简 答题 


(1) 简 述 ASP. NET 所 支持 的 三 种 控件 ? 
(2) CheckBoxList 控件 与 CheckBox 控件 相 比 有 什么 优势 ? 
(3) 某 控件 源 代码 如 下 , 简 述 代码 各 部 分 的 意义 。 


< asp:DropDownList 了 = "listState" rnat = "server" > 
< /asp:DropDownList > 


5. 操作 题 


使 用 本 章 所 学 内 容 , 完 成 如 图 5-17 所 示 页 面 , 当 用 户 信息 输入 完成 单 击 [ 保 存 ] 按钮 
后 ,显示 ”添加 用 户 成 功 !"。 


ETEIERTTTTTTITTTTTT 


文件 凡 句 (6 ”查看 (W 收藏 (4) 工具 ID 帮助 td) 


QO HA mm OD: 


地 址 0) 同 http:/focalhost: 1354/WebSkeS/webform! ,aspx 可 BE 


请 输入 注册 信息 ， 
| 姓名 

pratt [EGR 

地 址 1 
CET 
城市 所 京 

省 份 [#t 训 司 邮编 oooot 

国家 中 国 司 

电话 号 码 [zs 

[| 
添加 用 户 成 功 ! 


BE 


图 5-17 页 面 完 成 效果 
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验证 控件 , 为 网 站 把 好 安全 关 


一 般 网 站 中 都 有 一 些 页 面 需要 用 户 输入 信息 ,如 登录 ,注册 搜索 等 。 如 果 用 户 输入 
的 格式 不 符合 要 求 ,就 要 给 出 相应 的 提示 ,如 百度 知道 栏目 的 用 户 注册 页 面 , 当 用 户 出 现 
漏 填 错 填 等 错误 操作 时 ,都 给 出 了 比较 详细 的 提示 ,如 图 6-1 所 示 。 


ELLE 

文件 日 。 闹 强 E) ”查看 收看 (工具 ID 胡 区 吕 

Or -OED | OD- 

上 rr nAe 


Bai Vd 知道 


图 6-1 输入 错误 提示 
在 使 用 ASP. NET 开发 这 类 网 页 时 ,可 以 使 用 验证 控件 完成 类 似 功 能 。 


6.1 客户 端 验证 和 服务 器 端 验证 


1. 客户 端 验证 


在 客户 端 进 行 数据 验证 ,也 就 是 说 ,由 用 户 的 浏览 器 本 身 进行 验证 。 它 是 当 用 户 输入 
完 数 据 后 ,在 没有 把 数据 提交 到 服务 器 端的 情况 下 ,在 本 地 的 客户 端 执 行 验证 。 一 般 通 过 
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编写 JavaScript 或 VBScript 脚本 代码 实现 。 

优点 : 由 于 不 需要 将 数据 传输 至 服务 器 端 ,不 但 减少 了 服务 器 处 理 的 压力 ,而 且 可 以 
快速 得 到 反馈 结果 。 

缺点 : 使 用 客户 端 验证 不 够 安全 。 用 户 可 以 很 容易 查看 和 修改 本 地 页 面 的 验证 脚本 
代码 ,从 而 可 以 伪造 提交 的 数据 来 跳 过 验证 ,使 服务 器 端 得 到 不 正确 的 信息 。 


2. 服务 器 端 验 证 


服务 器 端的 数据 验证 ,就 是 在 用 户 输入 的 数据 发 送 到 Web 服务 器 后 ,由 服务 器 端的 
程序 代码 对 数据 进行 验证 。 

优点 : 相对 客户 端 验 证 要 安全 ,因为 验证 程序 位 于 服务 器 端 ,用 户 无 法 读 取 分 析 验 证 
程序 ,从 而 也 不 易 伪造 数据 跳 过 验证 ,非常 安全 。 

缺点 : 由 于 数据 的 验证 在 服务 器 端 进行 , 若 用 户 输入 了 错误 内 容 ,经 过 提交 一 一 服务 
器 判断 内 容错 误 一 一 返回 错误 提示 信息 ,这 需要 一 定 的 时 间 ,所 以 用 户 无 法 即时 得 到 反馈 
信息 ,降低 了 用 户 的 体验 效果 。 同 时 ,也 增加 了 服务 器 的 负担 。 


3. 现实 中 的 选择 


客户 端 验证 与 服务 器 端 验证 各 有 不 能 容忍 的 缺点 ,因此 ,在 实际 开发 中 ,往往 同时 采 
用 客户 端 验证 和 服务 器 端 验证 。 即 ,在 网 页 内 同时 编写 客户 端 验证 脚本 代码 和 服务 器 端 
验证 程序 。 这 样 就 结合 了 两 者 的 优点 而 避免 了 各 自 的 缺点 。 

当然 ,这 样 一 来 ,网 页 的 开发 工作 量 就 增加 了 许多 。 为 此 ,ASP. NET 中 专门 提供 了 验 
证 控件 ,可 以 非常 方便 地 为 网 页 添加 验证 功能 。 

ASP. NET 中 提供 了 5 个 验证 控件 和 1 个 错误 汇总 控件 ,它们 位 于 【工具 箱 】 窗口 的 
【验证 】 组 内 。 分 别 是 : 

。 必需 验证 控件 (RequiredFieldValidator) 。 

。 范围 验证 控件 (RangeValidator) 。 
比较 验证 控件 (CompareValidator) 。 

。 正则 表达 式 验 证 控件 ( RegularExpressionValidator ) 。 

。 自 定义 验证 控件 ( CustomValidator) 。 

。 验证 汇总 控件 (ValidationSummary ) 。 

允许 对 一 个 输入 控件 使 用 多 个 验证 控件 验证 。 例 如 ,可 以 指定 某 个 控件 必须 输入 数 
据 , 同 时 输入 的 数据 又 必须 在 指定 的 范围 内 。 此 时 就 可 以 将 必需 验证 控件 和 范围 验证 控 
件 同时 指向 该 输入 控件 。 

需要 注意 的 是 ,如 果 输 入 控件 的 值 为 空 , 除 必需 验证 控件 以 外 ,其 他 所 有 的 控件 都 认 
为 合法 , 这 将 导致 验证 不 会 失败 , 也 不 会 提示 信息 , 这 个 时 候 应 同时 使 用 
RequiredFieldValidator 控件 ,使 之 为 必 选 字段 。 

验证 控件 作用 效果 如 图 6-2 所 示 。 

除 验证 汇总 控件 外 ,其 他 的 5 个 验证 控件 均 有 如 下 4 个 属性 需要 设置 。 

e ControlToValidate 属性 : 要 验证 控件 的 ID。 对 于 图 6-2 来 说 ,就 是 对 应 前 面 的 文 

本 框 , 即 TextBox 控件 的 ID 名 。 
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| 文件 四 编 加 EE) 查看 四 收藏 上 工具 GD) 才 助 o 
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地址 四) | 国 http:/leealhest: 1452/aspaet/Defanlt asp 


注册 信息 
wt | 必需 验证 控件 
Be | 人 比较 验证 控件 
密友 确认 : eeeree | B 范围 验证 控件 
年 龄 ， 500 
用 PIGS lom | 使 用 ， 自 定义 验证 控件 
电子 信箱 ，|taogysah net -一 正则 表达 式 验证 控件 
加 验证 汇总 控件 


此 了 


效 范 有 
帐号 已 被 使 用 ， 请 另 和 
。 格式 不 正确 


图 6-2 验证 控件 作用 效果 
。 ErrorMessage 属性 : 当 验 证 的 控件 无 效 时 ,在 自身 以 及 错误 汇总 控件 中 显示 的 


信息 。 

。 Text 属性 : 当 验 证 的 控件 无 效 时 ,自身 显示 的 验证 程序 文本 。 本 项 若 省 略 则 显示 
ErrorMessage 属性 中 的 错误 信息 。 

。 Display 属性 : 验证 程序 的 显示 方式 。 包 括 3 种 选择 : 不 显示 错误 信息 (None) ; 显 
示 在 设计 时 控件 所 放置 的 位 置 (Static); 将 错误 信息 动态 显示 在 页 面 上 
(Dynamic) 。 默 认为 Static 。 


6.2 验证 控件 的 使 用 


验证 控件 除了 前 面 介绍 的 4 个 共有 的 属性 之 外 , 均 有 自身 特有 的 一 些 设置 ,下 面 分 别 
进行 介绍 。 


6.2.1 必需 验证 控件 名 Reqviredrielavalidator 


RequiredFieldValidator 控件 用 于 对 一 些 必须 输入 的 信息 进行 检验 。 如 果 一 些 必须 输 
入 的 数据 没有 输入 时 ,该 控件 将 提示 错误 并 禁止 继续 进行 数据 的 提交 。 

例如 ,该 验证 控件 监控 的 输入 对 象 为 TextBox 控件 (ID 名 为 txtName) , 若 用 户 未 在 
TextBox 控件 内 填写 内 容 , 则 提示 信息 “姓名 不 能 为 空 " ,那么 RequiredFieldValidator 控件 
的 标签 代码 为 : 

< asp:RequiredFieldValidator ID= "RequiredFielValidatorl™" runat = "server™” 

ControlToValidate = "txtName" ErrorMessage = "姓名 不 能 为 空 "> 

默认 情况 下 ,该 控件 验证 的 错误 条 件 是 空 字 符 串 ("" ) 。 也 可 以 更 改 错误 条 件 为 其 他 

字符 串 , 这 时 需要 设置 InitialValue 属性 的 默认 值 。 
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例如 ,在 被 监控 的 TextBox 控件 中 设置 了 Text 默认 值 * 此 处 填写 姓名 ”, 为 了 确保 用 
户 更 正 为 其 他 的 姓名 字符 串 ,要 为 RequiredFieldValidator 控件 设置 mitialValue 属性 值 也 


6.2.2 范围 验证 控件 学 assyaiaata 


RangeValidator 控件 用 于 检测 用 户 输入 的 值 是 否 介 于 两 个 值 之 间 。 可 以 对 不 同类 型 
的 值 进行 比较 ,比如 数字 .日 期 以 及 字符 。 

RangeValidator 控件 主要 的 属性 如 下 。 

。 Type 属性 值 为 要 比较 的 类 型 。 

。 MinimumValue 属性 值 为 范围 的 最 小 值 。 

。 MaximumValue 属性 值 为 范围 的 最 大 值 。 

例如 ,要 对 年 龄 的 范围 进行 验证 (5 ~ 200 岁 之 间 ) ,应 将 默认 的 String 类 型 更 改 为 
Integer 类 型 ,MinimumValue 属性 设 为 5,MaximumValue 属性 设 为 200。 

对 应 RangeValidator 控件 的 标签 代码 为 : 

< asp:RangeValidator ID= "RangeValidatorl" runat = "servern 

ControlTovalidate = "txtPoge" ErrorMessage = "年 龄 不 在 有 效 范 围 内 " 

Maximmalne= "200" MinimnValue = "5" Type = "TInteger" > < /asp:FangEValicator > 


3 比较 验证 控件 Ey Compareyalidator 


CompareValidator 控件 用 于 将 由 用 户 输入 到 输入 控件 的 值 与 输入 到 其 他 输入 控件 的 
值 或 常数 值 进行 比较 。 几 个 重要 的 属性 的 设置 方法 如 下 。 

(1) 若 要 将 输入 控件 与 其 他 输入 控件 进行 比较 ,将 ControlToCompare 属性 设置 为 要 
与 之 相 比较 的 控件 ID 名 。 若 要 与 某 个 常数 值 进行 比较 时 ,应 将 ValueToCompare 属性 设 
置 为 与 之 比较 的 常数 。 

(2) 类 型 (Type) 属性 用 于 设置 比较 数据 的 类 型 ,只 有 在 同一 类 型 的 数据 之 间 才 能 够 
进行 比较 。 

(3) 操作 符 (Operator) 属性 用 来 指定 比较 的 方法 ,如 等 于 (Equal, 默认 值 ) 大 于 
(GreaterThan) .小 于 (LessThan ) 等 。 

例如 , 对 注册 的 两 个 密码 框 (两 个 TextBox 控件 的 ID 分 别 为 txtPassword 和 
txtPassword2 ) 内 容 进行 比较 验证 ,相应 CompareValidator 控件 的 标签 代码 为 : 

< asp:CmpareValidator ID= "CpareValicatorl" runat = "server" 

ControlTuompare = "txtPassword" ControlToValidate = "txtPasswordo" 

ErrorMessage = "两 密码 不 一 致 "> < /asp:ComparsValidator > 


6.2.4 ”正则 表达 式 验 证 控件 吨 RaisEpressionalidator 


RegularExpressionValidator 控件 用 来 验证 输入 的 格式 是 否 匹 配 某 种 特定 的 模式 ( 用 正 
则 表达 式 来 表示 ) ,这 类 验证 允许 检查 一 些 可 以 预知 的 字符 序列 ,比如 身份 证 号 码 、 电 子 
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ES 


邮件 地 址 、 电 话 号 码 和 邮编 中 的 字符 序列 等 。 
除 设置 前 面 介 绍 的 几 个 基本 属性 外 ,主要 设置 的 是 ValidationExpression 属性 中 的 正 
则 表达 式 。 
方法 是 单 击 该 属性 右 侧 的 省略 号 按钮 ,在 
弹出 的 [正则 表达 式 编辑 器 】 对 话 框 中 , 单 击 选 择 
【标准 表达 式 ] 组 中 的 对 应 验证 项 目 , 如 “Internet 


正则 表达 式 编辑 器 


电子 邮件 地 址 ”, 然 后 单 击 【[ 确定] 按钮 即 可 。 文 

本 框 内 的 字符 即 验证 表达 式 ,是 系统 根据 用 户 选 | wr Jwywew Gt Iw wr Jwtj* 

择 的 验证 项 目 自动 生成 的 ,不 必 改 动 ,如 图 6-3 re 
所 示 。 


对 应 CompareValidator 控件 的 标签 代码 为 。 图 6-3 【正则 表达 式 编辑 器 ] 对 话 框 
< asp:RegularfspressicrValidator ID= "RegularFEwpressicrValidatorl™ 
runat = "server" ControlToValidate = "txtErail" ErrorMessage = "格式 不 正确 " 
ValidaticonFspression= "w+ ([— +."]\W+)*@ Wt ([- .]\W+t)* \.\Ww+ ([— .] w+)* "> 
< /asp:RegularFxpressicrValidator > 
在 实际 的 开发 工作 中 ,有 时 需要 验证 的 项 目 系统 并 未 预定 ,如 QQ 号 .手机 号 码 等 ,这 
时 ,就 需要 自己 编写 正则 表达 式 了 。 方法 是 单 击 【 标 准 表达 式 ] 组 中 “(Custom) "项 目 , 然 
后 删除 下 方 文本 框 内 原 有 字符 ,手工 编写 新 的 正则 表达 式 。 
正则 表达 式 由 普通 字符 (例如 大 小 写 英文 字母 和 数字 等 ) 以 及 特殊 字符 ( 称 为 元 字 
符 , 如 \+. *^ 等 ) 组 成 。 下 面 简单 介绍 一 些 正则 表达 式 的 相关 知识 ( 为 阅读 清晰 ,对 正则 
表达 式 加 字符 底 纹 修饰 ,如 [Nd+ 一 ]15,1)。 
回忆 一 下 ,在 Windows 或 者 DOS 操作 系统 中 ,有 两 个 用 于 文件 查找 的 通配符 " * ”和 
“? "。 如 果 想 查找 某 个 目录 下 的 所 有 的 Word 文档 的 话 ,就 可 以 搜索 “ * . doc”。 在 这 里 ， 
“* "会 被 解释 成 任意 的 字符 串 。 和 通配符 类 似 ,正则 表达 式 也 是 用 来 进行 文本 匹配 的 工 
具 , 只 不 过 比 起 操作 系统 中 的 通配符 , 它 更 能 精确 地 描述 人 们 的 需求 ,当然 ,代价 就 是 , 格 
式 要 复杂 一 些 。 
(B 为 了 帮助 人 们 编写 需要 的 正则 表达 式 , 以 及 理解 他 人 编写 的 表达 式 ,可 以 使 用 专 
门 的 正则 表达 式 调试 工具 ,如 RegexBuddy( 如 图 6-4 所 示 ) .Regex Tester 等 。 也 可 以 在 网 
站 http://www. regexlab. com 的 【Web 版 工具 ] 栏 目 中 进行 在 线 调试 。 


1. 文字 符号 


最 基本 的 正则 表达 式 由 单个 文字 符号 组 成 。 如 a, 它 将 匹配 字符 串 中 出 现 的 字符 
“a”。 如 对 字符 串 “Jack is a boy”。 两 个 “a” 将 被 匹配 。 

类 似 地 , cat 会 匹配 “About cats and dogs” 中 的 “cat”。 这 等 于 是 告诉 正则 表达 式 引 
擎 ,找到 一 个 ce, 紧 跟 一 个 a, 青 跟 一 个 t。 

要 注意 ,正则 表达 式 引擎 默认 是 大 小 写 敏 感 的 。 除 非 告诉 引擎 忽略 大 小 写 ,否则 cat 
不 会 匹配 “CAt”。 

1) 特殊 字符 
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图 6- 


4 ”正则 表达 式 调试 工具 RegexBuddy 


有 11 个 文字 字符 被 保留 作 特殊 用 途 。 它 们 是 : 


[]\*$.1?7* +() 


这 些 特殊 字符 也 被 称 做 元 字符 。 

如 果 想 在 正则 表达 式 中 将 这 些 字符 用 作文 本 字符 ,就 需要 用 反 斜 杠 “\" 对 其 进行 转 
义 。 例 如 想 匹 配 1 +1 =2, 由 于 + 为 元 字符 ,所 以 正确 的 表达 式 应 为 1\ +1 =2 。 

需要 注意 的 是 , 1 +1 =2 也 是 有 效 的 正则 表达 式 。 但 它 不 会 匹配 *1 +1 =2” ,而 会 匹 


配 “123 +111 =234” 中 的 “111 
2) 不 可 显示 字符 


=2”。 因 为 * + "在 这 里 表示 特殊 含义 (重复 1 次 到 多 次 ) 。 


可 以 使 用 特殊 字符 序列 来 代表 某 些 不 可 显示 的 字符 : 


沁 代 表 Tab 
于 代表 回 车 符 
总 代表 换行 符 


要 注意 的 是 Windows 中 文本 文件 使 用 “ \r\n" 来 结束 一 行 。 


2. 字符 集 


字符 集 是 由 一 对 方 括 号 “[ ] " 括 起 来 的 字符 集合 。 使 用 字符 集 , 可 以 告诉 正则 表达 式 
引擎 仅仅 匹配 多 个 字符 中 的 一 个 。 如 果 想 匹配 一 个 “a" 或 一 个 “e” ,就 使 用 [ae] 。 再 如 ， 
可 以 使 用 gr[ae]y 匹配 gray 或 grey。 相 反 , gr[ ae]y 将 不 会 匹配 graay 或 graey。 字 符 集 
中 的 字符 顺序 并 没有 什么 关系 ,结果 都 是 相同 的 。 

可 以 使 用 连 字 符 “ - "定义 一 个 字符 范围 作为 字符 集 。[0=9] 匹配 0 ~9 之 间 的 单个 


数字 。 也 可 以 使 用 不 止 一 个 范 


围 。 如 匹配 单个 的 十 六 进 制 数字 ,并 且 大 小 写 不 敏感 ,可 以 使 


用 [0-9a-fA-F]。 也 可 以 结合 范围 定义 与 单个 字符 定义 。 如 [0-9a-fxA-FX] 匹配 一 个 十 六 
进 制 数字 或 字母 x 与 X。 再 次 强调 一 下 ,字符 和 范围 定义 的 先后 顺序 对 结果 没有 影响 。 


1) 取 反 字 符 集 
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在 左 方 括 号 “[ "后面 紧 跟 一 个 尖 括 号 *”” ,将 会 对 字符 集 取 反 。 结 果 是 字符 集 将 匹配 
任何 不 在 方 括号 中 的 字符 。 

需要 记 住 的 很 重要 的 一 点 是 , 取 反 字符 集 必须 要 匹配 一 个 字符 。g[%] 并 不 意味 
着 : 匹配 一 个 q, 后 面 没有 u 跟着 。 它 意味 着 : 匹配 一 个 q, 后 面 跟着 一 个 不 是 u 的 字符 。 
所 以 它 不 会 匹配 Iraq 中 的 q, 而 会 匹配 Iraq is a country 中 的 q 和 一 个 空格 符 。 事实 上 , 空 
格 符 是 匹配 中 的 一 部 分 ,因为 它 是 一 个 “不 是 u 的 字符 ”。 

2) 字符 集中 的 元 字符 

需要 注意 的 是 ,在 字符 集中 只 有 4 个 字符 具有 特殊 含义 。 它 们 是 “<] \^ -”。“]" 代 
表 字 符 集 定义 的 结束 ;“\” 代 表 转 义 ;代表 取 反 ;“ - "代表 范围 定义 。 其 他 常见 的 元 字 
符 在 字符 集 定义 内 部 都 是 正常 字符 ,不 需要 转 义 。 例 如 ,要 搜索 星 号 ” * ”或 加 号 * + "本 
身 ,可 以 直接 用 [ 二 二 ]。 

在 字符 集 定义 中 为 了 将 反 斜 杠 “\" 作 为 一 个 文字 字符 而 非特 殊 含义 的 字符 ,需要 用 另 
一 个 反 斜 杠 对 它 进行 转 义 。 呈 WX] 将 会 匹配 * \x"。“]^- "都 可 以 用 反 斜 杠 进行 转 义 。 

3) 字符 集 的 简写 

因为 一 些 字符 集 很 常用 ,所 以 有 一 些 简写 方式 。 

节 代 表 [0s5j。 

\w 代表 单词 字符 。 这 个 是 随 正则 表达 式 实现 的 不 同 而 有 些 差异 。 绝 大 多 数 的 正则 
表达 式 实现 的 单词 字符 集 都 包含 了 [A-Za-z0-9_]。 

Ws 代表 “白字 符 " 。 这 个 也 是 和 不 同 的 实现 有 关 的 。 在 绝 大 多 数 的 实现 中 ,都 包含 
了 空格 符 和 Tab 符 ,以 及 回 车 换行 符 NENa 。 

字符 集 的 缩写 形式 可 以 用 在 方 括号 之 内 或 之 外 。 \s\d 匹配 一 个 白字 符 后 面 紧 跟 一 
个 数字 。[NsVd] 匹配 单个 白字 符 或 数字 。[\da-fA-F] 将 匹配 一 个 十 六 进 制 数字 。 

若 将 \S\WA\D 的 字母 大 写 变 为 取 反 字符 集 的 简写 : 


[\s] = [\s] 
[WW = 性 
[DI] = Cd 


4) 字符 集 的 重复 

如 果 用 “? *+ ”操作 符 来 重复 一 个 字符 集 ,将 会 重复 整个 字符 集 ,而 不 仅 是 它 匹 配 的 
那个 字符 。 正 则 表达 式 [0-9] + 会 匹配 837 以 及 222。 

3. 使 用 ? * 或 + 进行 重复 

?: 告诉 引擎 匹配 前 导 字 符 0 次 或 一 次 ; 

+ : 告诉 引擎 匹配 前 导 字 符 1 次 或 多 次 ; 
: 告诉 引擎 匹配 前 导 字 符 0 次 或 多 次 。 

例如 , <[A-Za-z][A-Za-z0-9] * > 匹配 没有 属性 的 HTML 标签 ,” < "以 及 "> "是 
文字 符号 。 第 一 个 字符 集 匹 配 一 个 字母 ,第 二 个 字符 集 匹 配 一 个 字母 或 数字 。 

允许 定义 对 一 个 字符 重复 多 少 次 。 词 法 是 : |min,max| 。min 和 max 都 是 非 负 整 


* 
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数 。 如 果 喜 号 有 而 max 被 忽略 了 ,如 main,} , 则 max 没有 限制 。 如 果 喜 号 和 max 都 被 忽 
略 了 , 则 重复 min 次 。 

因此 10, 上 和 # 一 样 , 上 1,| 和 + 的 作用 一 样 。 

可 以 用 \b[1-9][0-911431\b 匹配 1000 ~ 9999 之 间 的 数字 (“\b" 表示 单词 边界 )。 
\b[1-9][0-9]12,41\b 匹配 一 个 在 100 ~99999 之 间 的 数字 。 

4. 使 用 “. "匹配 几乎 任意 字符 

在 正则 表达 式 中 ,“. "是 最 常用 的 符号 之 一 。 

“. ”匹配 单个 的 字符 而 不 用 关心 被 匹配 的 字符 是 什么 。 唯 一 的 例外 是 换行 符 。 因 
此 ,“. ”相当 于 字符 集 轩 Sn]。 


5. 字符 串 开始 和 结束 


“名 匹配 一 行 字符 串 第 一 个 字符 前 的 位 置 。 室 将 会 匹配 字符 串 “abc" 中 的 a。 抱 将 不 
会 匹配 “abc" 中 的 任何 字符 。 

类 似 地 ,“$ "匹配 字符 串 中 最 后 一 个 字符 后 的 位 置 。 所 以 e$ 匹配 “abc" 中 的 c ,而 
不 会 匹配 “bcd” 中 的 c。 

在 编程 语言 中 校 验 用 户 输入 时 ,如 果 你 想 校 验 用 户 的 输入 全 部 为 整数 ,用 Ad+s$ 。 

用 户 输入 中 ,常常 会 有 多 余 的 前 导 空 格 或 结束 空格 ,可 以 用 入 sx* 和 Ns*$ 来 匹配 
前 导 空格 或 结束 空格 。 


6. 选择 符 


正则 表达 式 中 “1” 表 示 选 择 。 可 以 用 选择 符 匹配 多 个 可 能 的 正则 表达 式 中 的 一 个 。 

如 果 你 想 搜索 文字 “cat" 或 “dog” ,可 以 用 catldog 。 如 果 想 有 更 多 的 选择 ,只 要 扩展 
列表 即 可 ,如 catldoglmouselfish 。 

选择 符 在 正则 表达 式 中 具有 最 低 的 优先 级 ,也 就 是 说 , 它 告诉 引擎 要 么 匹配 选择 符 左 
边 的 所 有 表达 式 ,要 么 匹配 右边 的 所 有 表达 式 。 

也 可 以 用 圆 括号 来 限制 选择 符 的 作用 范围 。 如 mouse( catldog )fish ,这 样 告诉 正则 
引擎 把 (catldog) 当成 一 个 正则 表达 式 单位 来 处 理 。 


6.2.5 自 定义 验证 控件 名 custonvalidator 


开发 中 ,如 果 以 上 4 种 验证 控件 都 不 是 自己 所 需 的 验证 类 型 ,那么 还 可 以 使 用 
CustomValidator 控件 来 自 定义 验证 。 

使 用 方法 , 先 将 CustomValidator 控件 拖 入 窗 体 ,并 将 ControlToValidate 属性 指向 被 
验证 的 对 象 ,然后 在 ErrorMessage 属性 中 填写 出 现 错误 时 显示 的 信息 ,最 后 双击 该 控件 ， 
为 该 验证 控件 的 ServerValidate 事件 提供 一 个 验证 程序 。 

在 ServerValidate 事件 处 理 程序 中 ,可 以 从 ServerValidateEventArgs 参数 的 Value 属 
性 中 获取 输入 到 被 验证 控件 中 的 字符 串 。 验 证 的 结果 (true 或 false ) 要 赋值 给 
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ServerValidateEventArgs 参数 的 IsValid 属性 中 。 

例如 ,利用 自 定 义 CustomValidator 控件 验证 用 户 账 号 的 输入 ,只 有 用 户 输入 的 账号 
不 为 “tom" 时 才能 验证 通过 ,否则 发 出 错误 信息 “此 账号 已 被 使 用 ,请 男 选 "。 事 件 处 理 的 
代码 如 下 : 


Protected void QustarValidatorl ServerValidate (Goject souroe, 


ServerValidateFventArgs args) 
{ 
if(args.Value= = "tam") // 如 果 用 户 输入 的 账号 为 "tam" 
| 
args.IsValid= false; // 验 证 不 允许 通过 
} 
else 
{ 
args.IsValid= true; // 验 证 通过 


由 于 上 面 的 代码 属于 服务 器 端 验证 程序 ,验证 的 往返 过 程 需要 略 花 些 时 间 ,致使 用 户 
在 输入 有 误 时 ,不 能 即时 地 获得 错误 信息 。 所 以 ,如 果 条 件 允 许 ,最 好 同时 提供 客户 端 验 
证 程序 ,以 便 让 浏览 器 先进 行 验证 以 提高 效率 。 

编写 方法 是 在 设计 页 的 XHTML 源 视图 中 编写 JavaScript 脚本 验证 函数 , 青 将 验证 函 
数 名 写 人 CustomValidator 控件 的 ClientValidationFunction 属性 中 ( 函数 名 后 不 加 括号 ) 。 

例如 ,配合 前 面 服务 器 端 验 证 代码 的 客户 端 JavaScript 脚本 验证 函数 的 写法 如 图 6-5 
所 示 。 


再 注意 一 下 这 里 


二 | 
-|awi [oo [emis 
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图 6-5 ”CustomValidator 控件 客户 端 JavaScript 脚本 验证 函数 的 写法 
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6.2.6 验证 汇总 控件 国 vaidstionsemmery 


ValidationSummary 控件 用 于 在 一 个 位 置 上 集中 显示 来 自 Web 网 页 上 所 有 验证 程序 
的 错误 信息 。 根 据 DisplayMode 属性 的 设置 ,可 以 采用 列表 (List) 项目 符号 列表 
(BulletList ) 或 单个 段落 (SingleParagraph ) 的 形式 来 显示 。 通过 设置 控件 的 
ShowSummary( 默认 即 这 种 方式 ) 和 ShowMessageBox ( 对 话 框 ) 属 性 ,可 以 确定 显示 的 
形式 。 


6.3 分 组 验证 


在 一 个 网 页 中 通常 会 出 现 几 个 独立 的 输入 部 分 ,它们 的 作用 不 同 ,验证 的 时 机 也 不 相 
同 ,应 该 分 别 进行 验证 。 例 如 ,网 页 中 既 包 括 用 于 查询 信息 的 输入 部 分 ,又 包括 用 户 登录 
部 分 ,就 属于 这 种 情况 。 若 不 进行 分 组 ,验证 将 相互 干扰 。 

分 组 使 用 控件 的 ValidationGroup 属性 。 可 以 将 查询 信息 的 输入 框 控件 、 验 证 控件 、 
按钮 控件 的 ValidationGroup 属性 都 设置 成 一 个 值 ,如 GroupSearch , 而 将 用 户 登 录 部 分 的 
输入 框 控件 .验证 控件 .按钮 控件 的 ValidationGroup 属性 设置 另外 一 个 值 , 如 
GroupLogin 。 


本 章 小 结 


在 网 站 中 ,对 输入 数据 进行 校 验 是 经 常 需要 使 用 的 技术 。 在 ASP. NET 中 ,各 种 校 验 
控件 虽然 验证 目的 不 同 ,但 是 使 用 的 方法 却 有 很 多 共同 点 ,都 需要 通过 属性 指向 被 校 验 的 
输入 控件 ,并 指定 错误 发 生 时 提示 的 语句 。 其 他 属性 的 设置 则 根据 控件 的 作用 不 同 而 有 
所 不 同 。 在 这 些 控件 中 ,除了 RequiredFieldValidator 控件 ,其 他 控件 都 认为 空 的 输入 是 多 
许 的 ,因此 ,有 时 需要 将 RequiredFieldValidator 控件 与 其 他 控件 结合 一 起 指向 输入 控件 ， 
以 避免 输入 错误 的 发 生 。 对 于 同一 个 网 页 , 若 存 在 多 组 独立 的 验证 单元 时 ,可 使 用 分 组 验 
证 ,以 便 让 它们 在 不 同 的 时 机 完成 自己 独立 的 验证 工作 。 


习题 


1. 填空 题 


(1) 要 对 年 龄 进行 输入 验证 ,要 使 用 验证 控件 。 

(2 ) RequiredFieldValidator 控件 的 属性 用 来 记录 当 验 证 失败 时 , 在 
ValidationSummary 控件 中 显示 的 文本 。 

(3) RegularExpressionValidator 控件 的 属性 用 来 规定 验证 输入 控件 的 正则 

(4) 正则 表达 式 “1(315)\di9} "匹配 _。 
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2. 选择 题 
(1) 以 下 哪个 属性 不 是 验证 控件 所 共有 的 ? ) 
A. ControlToValidate B. ErrorMessage 
C. Display D. ValueToCompare 


(2) 在 网 页 中 输入 出 生年 月 和 入 团 年 月 , 若 要 验证 入 团 年 月 的 输入 必须 比 出 生年 月 
要 大 ,可 以 用 以 下 哪个 验证 控件 ?( ) 


A. RequiredFieldValidator B. CompareValidator 

C. RegularExpressionValidator D. ValidationSummary 
(3) 可 以 使 用 以 下 哪个 控件 对 所 有 验证 错误 进行 汇总 ? ( 

A. RequiredFieldValidator B. CompareValidator 

C. RegularExpressionValidator D. ValidationSummary 
3. 判断 题 
(1) RequiredFieldValidator 控件 只 能 进行 非 空 的 验证 。 ( ) 
(2) CompareValidator 比较 验证 控件 只 能 比较 两 个 值 是 否 相 同 。 ( ) 
(3) 正则 表达 式 “\d” 和“[0-9]" 是 等 价 的 ,都 代表 一 个 整数 。 ( ) 
4. 简 答 题 


(1) ASP. NET 中 的 验证 控件 有 哪 几 个 ? 有 什么 作用 ? 
(2) 写 出 能 验证 本 校 学 生 学 号 的 正则 表达 式 。 


5. 操作 题 
制作 “用 户 注册 "前台 网 页 。 


热潮 中 的 总 


除非 某 个 IT 人 在 一 个 与 世 隔 绝 的 孤岛 上 度 过 了 最 近 的 几 年 ,否则 他 一 定 不 会 错过 围 
绕 XML 而 兴起 的 这 股 热 潮 。 遍 布 世 界 的 IT 刊物 和 Web 站 点 都 将 XML 描绘 成 许多 现存 
技术 问题 的 解决 方案 。 这 种 全 球 范围 内 的 关注 将 XML 推 到 了 舞台 的 中 心 。 

从 本 教程 的 知识 结构 来 看 ,后 面 的 导航 控件 和 网 站 配置 等 内 容 都 涉及 了 XML 的 知 
识 ,因此 安排 在 本 章 对 这 一 技术 进行 讲解 。 


7.1 为 什么 要 用 XML 


XML 与 XHTML HTML 语言 一 样 ,都 是 标记 语言 。 它 们 都 是 母语 言 SGML 
(Standard Generalized Markup Language ,标准 通用 标记 语言 ) 的 子 集 。 

XML 仅仅 是 一 种 数据 存放 格式 ,这 种 格式 是 一 种 文本 。 它 只 用 来 存放 数据 , 除 此 之 
外 什么 也 不 做 , 既 不 负责 运行 什么 程序 ,也 不 负责 数据 的 表现 形式 。 

当然 ,事实 上 用 来 存放 数据 有 很 多 文本 格式 都 可 以 ,例如 大 家 所 熟悉 的 . ini 文件 或 
.cfg 文件 。 很 多 人 在 初学 C 语言 或 者 Basic 语言 的 时 候 , 有 时 也 可 能 需要 将 源 数据 或 者 
最 终结 果 存 放 在 一 个 文本 文件 里 面 ,存放 的 格式 当然 由 编写 程序 的 人 自己 定 了 ,那么 在 编 
写 这 个 程序 的 过 程 中 ,编程 者 就 自 创 了 一 种 自 定义 的 数据 格式 文件 。 

XML 格式 本 身 也 是 一 种 存放 数据 的 格式 ,与 自 定义 的 数据 文件 本 质 上 并 无 多 大 区 
别 , 唯 一 的 (也 是 最 重要 的 ) 区 别 就 是 : XML 格式 是 被 大 家 所 公认 而 且 广 泛 支 持 的 ,而 自 
己 做 的 那个 数据 文件 就 只 有 编程 者 编写 的 那 一 两 个 程序 支持 。 

那么 ,可 能 又 会 有 人 发 出 疑问 : 为 什么 不 使 用 当今 流行 的 数据 库 来 存放 数据 呢 ? 

这 是 因为 ,相对 于 数据 库 ,XML 能 提供 一 种 平台 中 立 的 方法 在 完全 不 同 的 系统 之 间 
共享 数据 ,而 且 更 加 高 效 。 并 且 , 人 允许 这 种 交换 可 以 通过 防火 墙 或 其 他 安全 相关 的 机 制 。 
再 有 ,XML 为 具有 不 同 技术 水 平 的 个 人 提供 一 种 易于 使 用 的 格式 。 而 且 , 它 还 能 在 Web 
环境 下 很 好 地 工作 。 正 是 基于 这 个 原因 ,XML 被 推 到 了 众人 面前 。 
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7.2 XML 文件 结构 


下 面 ,看 一 个 用 于 存放 通讯 录 信 息 的 XML 文件 的 例子 。 


< ?3ml version= 叫 .0" enooding = "GE2312"3 > 
< 通讯 录 > 

< 联系 人 信息 联系 人 编号 = "T00001" > 

< 姓名 > 机 器 猫 < /姓名 > 

< 生日 >2112 年 9 月 3 日 </ 生 日 > 

< 性 格 > 心肠 好 ,乐于 助人 ,做 事 很 拼命 < /性 格 > 
< /联系 人 信息 > 

< 联系 人 信息 联系 人 编号 = "T00002" > 

< 姓名 > 麦 忽 < /姓名 > 

< 生日 > 1988 年 7 月 </ 生 日 > 

< 性 格 > 正直 善良 ,单纯 乐观 , 死 蠢 精神 < /性 格 > 
< /联系 人 信息 > 

< 联系 人 信息 联系 人 编号 = "TD0003" > 

< 姓名 > 柯南 < /姓名 > 
< 生日 >1998 年 5 月 4 日 </ 生 日 > 
< 性 格 > 自信 ,谨慎 ,勇敢 ,机 智 , 时 而 可 爱 ,冷静 < /性 格 > 
信息 > 
息 联系 人 编号 = "TD0004" > 
< 姓名 > 喜 羊 羊 < /姓名 > 
< 生日 >3506 年 5 月 25 日 < /生日 > 
< 性 格 > 机 智勇 敢 ,乐观 向 上 ,有 主见 ,坚强 ,帅气 ,宽容 ,性 急 < /性 格 > 
< /联系 人 信息 > 

< /通讯 录 > 

可 以 看 到 ,每 一 个 数据 项 都 很 容易 识别 和 理解 ,因为 所 有 的 数据 都 使 用 了 XML 标记 
进行 描述 。 使 用 这 些 标记 ,人 和 计算 机 处 理 数 据 变 得 更 加 容易 。 正 如 前 面 提 到 的 那样 ,无 
须 对 计算 机 科学 有 很 深 的 理解 就 可 以 使 用 XML。 

XML 可 以 使 得 应 用 程序 根据 描述 性 标记 而 不 是 根据 位 置 来 访问 数据 。 这 就 为 提高 
一 个 应 用 程序 对 数据 结构 改变 的 适应 性 提供 了 很 好 的 机 会 。 

再 看 一 看 上 面 的 XML 代码 ,会 发 现 ,其 中 并 没有 使 用 令 人 胆 层 的 字符 或 者 语法 。 实 
际 上 ,这 个 XML 文件 可 以 被 一 个 没有 任何 技术 经 验 的 个 人 阅读 并 理解 。 并 在 学 习 了 语 
法 ,结构 和 编程 规则 之 后 ,也 可 以 创建 XML 文档 ,不 管 是 在 简单 的 还 是 在 复杂 的 应 用 中 
都 没 问题 。 

由 于 在 前 面 的 章节 已 经 学 习 了 XHTML ,那么 再 学 习 XML 就 非常 容易 了 ,下 面 对 比 
XHTML 来 看 一 看 XML 有 哪些 特点 。 

一 个 XML 文件 通常 包含 文档 头 和 文档 体 两 大 部 分 。 


7.2.1 文档 头 部 分 
XML 文档 头 由 XML 声明 与 DTD 文档 类 型 声明 组 成 。 其 中 ,DTD 文档 类 型 声明 是 
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可 以 缺少 的 。 而 XML 声明 是 必须 要 有 的 ,以 使 文档 符合 XML 的 标准 规格 。 
XML 声明 必须 出 现在 XML 文档 的 第 一 行 。 


< ?ml versian= "1 .0" encoding= "GE23]12"2? > 


其 中 : 

“<? "代表 一 条 指令 的 开始 ,“? > "代表 一 条 指令 的 结束 ; 

xml 表示 这 是 一 个 XML 文件 ; 

version = "1.0" 描述 版 本 信息 ,代表 此 文档 使 用 的 是 XML1. 0 标准 ; 

encoding =" GB2312" 描述 文件 的 编码 信息 ,用 于 说 明 该 xml 文件 使 用 的 字符 编码 ， 
默认 值 为 “UTF-8” (UTF-8 编码 是 一 种 被 广泛 应 用 的 编码 ,这 种 编码 致力 于 把 全 球 的 语 
言 纳 入 一 个 统一 的 编码 ,目前 已 经 将 几 种 亚洲 语言 纳入 ) 。 如 果 该 文件 中 要 用 到 中 文 ,应 
使 用 GB2312 编码 。 


7.2.2 文档 体 


文档 体 中 包含 的 是 XML 文件 的 内 容 , 是 XML 文件 的 主体 部 分 ,主要 用 来 存储 数据 。 
前 面 的 “通讯 录 ” 示 例 中 ,从 第 二 行 代码 开始 至 结尾 的 < 通讯 录 >… </ 通 讯 录 > ”就 是 
文档 体 部 分 。 文 档 体 由 根 元 素 ,元素 和 属性 组 成 。 

元 素 是 XML 文件 内 容 的 基本 单元 。 从 语法 上 讲 ,一 个 元 素 包 含 一 个 起 始 标记 一 
个 结束 标记 ,以 及 标记 之 间 的 数据 内 容 。 这 一 点 与 XHTML 元 素 的 格式 相同 ,其 格式 
如 下 : 


< 标记 名 称 属性 名 1= "属性 值 1" 属性 名 2= "属性 值 2"… > 数据 内 容 < /标记 名 称 > 


所 有 的 数据 内 容 都 必须 在 某 个 标记 的 开始 和 结束 标记 内 ,而 每 个 标记 又 必须 包含 在 
另 一 个 标记 的 开始 与 结束 标记 内 ,形成 嵌 套 式 的 分 布 ,只 有 最 外 层 的 标记 不 必 被 其 他 的 标 
记 所 包含 。 这 个 最 外 层 的 元 素 即 是 根 元 素 (Root) 。 因 此 ,每 个 XML 文件 都 包含 有 唯一 
的 一 个 根 元 素 , 所 有 其 他 的 元 素 都 包含 在 根 元 素 内 。 

在 前 面 的 “通讯 录 ” 示 例 中 , 根 元 素 就 是 * < 通讯 录 >”。 

属性 是 依附 于 元 素 而 存在 的 ,任何 一 个 元 素 都 可 以 具有 或 不 具有 属性 ,但 如 果 有 属 
性 则 必须 有 属性 值 。 元 素 若 包 含 多 个 属性 , 则 属性 间 用 空格 分 隔 ,同时 属性 值 需要 使 
用 单 引 号 或 双 引 号 引起 来 。 例 如 开始 标记 * < 联系 人 信息 联系 人 编号 =" L00001" >” 
中 的 “联系 人 编号 =" L00001" "就 是 一 个 属性 ,属性 名 是 “联系 人 编号 " ,属性 值 是 
“L00001”。 

元 素 和 属性 的 名 称 可 以 随意 取 , 可 以 取 成 中 文 也 可 以 取 成 英文 (建议 使 用 英文 )， 
如 果 是 英文 则 必须 以 字母 或 下 划 线 开头 ,后 面 字 符 可 以 是 字母 数字、 下 划 线 、 短 横 或 
句点 。 

下 面 学 习 一 下 XML 的 基本 语法 。 


1. 显示 与 描述 
XHTML 是 一 种 显示 标记 语言 ,是 被 设计 用 来 为 远程 用 户 显 示 基 于 文本 的 信息 的 。 
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只 有 在 与 一 个 应 用 ,例如 一 个 浏览 器 ,组 合 起 来 时 才 有 用 。 它 有 许多 预定 义 的 标记 和 属 
性 ,可 以 用 来 改变 字体 形状 .调用 图 片 ,或 者 设置 一 些 背 景 颜色 。 然 而 ,XHTML 在 描述 所 
要 显示 的 数据 的 用 途 方面 什么 都 没 做 。 一 个 包含 如 下 XHTML 代码 的 页 面 没有 显示 出 有 
关 它 所 包含 数据 的 任何 信息 : 

< strong> <em> 8844.43 < /en> < /strong> 

代码 中 的 8844. 43 代表 什么 ?是 一 个 薪水 数 ,一 个 代号 ,一 个 重量 ,或 者 什么 都 不 是 。 
我 们 不 能 通过 查看 XHTML 文档 来 得 到 这 些 信 息 , 因 为 XHTML 只 显示 信息 , 它 并 不 描述 
信息 。 

与 之 相 比 ,XML 没有 涉及 任何 显示 数据 的 处 理 。 它 的 唯一 目的 是 使 用 标记 、 属 性 和 
其 他 的 项 来 描述 数据 。 前 面 XHTML 代码 段 中 的 数据 在 XML 文档 中 可 以 用 如 下 的 方式 
编写 ; 

< height > 8844.43 < /height > 

现在 很 容易 得 知 数据 究竟 表示 什么 一 一 高 度 (height) 相关 。 此 数据 可 以 使 用 其 他 的 
标记 进一步 描述 如 下 : 


< Everest > 
< height > 8844.43 < /height > 
< /Everest > 


现在 已 知 ,此 数据 是 珠穆朗玛 峰 ( Everest) 的 高 度 。 

2. 标记 

与 XHTML 相同 ,“ < ”表示 一 个 标记 的 开始 ,”> "表示 一 个 标记 的 结束 。XML 也 很 
严谨 ,所 有 的 XML 标记 都 必须 有 一 个 匹配 的 结束 标记 。 例 如 : 

< height > 8844.43 < eg 


如 果 忘 记 结束 一 个 标记 ,在 文档 被 解析 时 将 导致 接收 到 一 条 错误 消息 。 
如 果 是 只 具有 单独 的 标记 , 即 空 标记 ,应 在 标记 ”> "前 补 一 个 “/” ,格式 为 * < 标记 名 
称 / >”。 例 如: 


< Everest height = "8844.43"/ > 


3. 元 素 绒 套 

XML 严格 禁止 标记 的 不 正确 嵌 套 。 必 须 按照 里 套 里 ,外 套 外 的 格式 。 如 下 所 示 : 
< Everest > < height > 8844.43 < /height > < /Everest > 

而 不 应 该 为 : 


< Everest > < height > 8844.43 < /Everest > < /height > 
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4. 引用 属性 


XML 要 求 所 有 的 属性 值 都 要 加 引号 ( 单 引号 和 双 引 号 均 可 ,一 般 常用 双 引 号 ) ,不 遵 
循 这 一 规则 将 导致 XML 解析 器 生成 一 个 错误 。 正 确 的 格式 如 : 


< Everest height = "8844.43"/ > 
或 者 : 

< street name = "Oak" nmber= "7864" type = "Avenue"/ > 
错误 的 格式 如 : 

< Everest height = 8844.43/ > 

或 者 : 


< street name = Oak nmiber = 7864 type = Penne/ > 


5. 大 小 写 敏感 


XML 实现 严格 的 大 小 写 敏 感 。XML 要 求 起 始 标记 的 大 小 写 要 与 其 结束 标记 的 大 小 
写 一 致 。 如 下 面 这 样 写 是 正确 的 : 


< height > 8844.43 < /height > 
而 如 果 写 为 下 面 这 样 则 是 错误 的 : 


<height > 8844.43 < /Height > 


6. 注释 
XML 的 注释 与 XHTML 的 注释 相同 ,以 ”< !-- "开始 ,以 "-- > "结束 。 
7. 处 理 指令 
处 理 指令 是 用 来 给 处 理 XML 文件 的 应 用 程序 提供 信息 的 ,处 理 指令 的 格式 如 下 : 
< ?处 理 指令 名 称 处 理 指令 信息 ? > 
例如 ,XML 声明 就 是 一 条 处 理 指令 。 
< ?xml version= "] .0"enooding = "GE2312"? > 
其 中 ,xml" 是 处 理 指令 名 称 , “version = "1.0" encoding ="GB2312" "是 处 理 指令 信息 。 
8. 实体 引用 


实体 引用 是 指 分 析 文档 时 会 被 字符 数据 取代 的 元 素 , 实 体 引用 用 于 XML 文档 中 的 
特殊 字符 ,和 否则 这 些 字符 会 被 误解 释 为 元 素 的 组 成 部 分 。 例 如 ,如 果 要 显示 ”< ”, 需 要 使 
用 实体 引用 “ &t;”, 否 则 会 被 解释 为 一 个 标记 的 起 始 。 

XML 中 有 5 个 预定 义 的 实体 引用 ,如 表 7-1 所 示 。 
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表 7-1 XML 预定 义 的 实体 引用 


实体 引用 字符 实体 引用 字符 
&dt; 区 &apos; 


Cet; > Samp; & 


7.3 创建 XML 文件 


由 于 XML 本 身 就 是 文本 文件 ,所 以 ,使 用 Windows 附件 中 的 “记事 本 "工具 ,就 可 以 
创建 一 个 标准 的 XML 文件 。 

以 创建 本 章 前 面 的 “通讯 录 ” XML 文件 为 例 ,操作 步 又 如 下 : 

(1) 打开 【记事 本 】 工 具 , 将 示例 中 的 代码 输入 ; 

(2) 将 文件 另存 为 以 . xml 为 扩展 名 的 文件 ,如 test xml; 

(3) 为 检测 该 XML 文件 是 否 规范 ,可 双击 该 文件 ,操作 系统 默认 调用 下 浏览 器 打 
开 , 浏 览 效 果 如 图 7-1 所 示 。 

可 D: \aspnet\ 源 码 \test- xm 
文件 四。 蝙 辑 下 ) 查看 @) 收藏 W) 工具 TT) 帮助 0D 


D- 虽 -回国 人 也 全 :名 辐 回 KK 
坊 址 国 ) | 因 D: vespnet\ 源 码 \test_ zal 


<?xml version="1.0" encoding="GB2312" ?> 
- < A 

- < 联系 人 信息 pr "L00001"> 

< 性 名 > 灿 器 眉 </ 

入 日 22 年 9 月 3 站 

< 性 格 A 和 全 

< 联系 人 信息 

< 联系 人 信息 本- "L00002"> 


< ne 全 死 套 精神 </ 性 格 > 
联系 


ye 联系 仙 呈 = "L00003"> 
< 姓名 > 和 南 </ 姓 各 > 
< 生日 >1998 年 5 月 4 日 </ 生 日 > 
< 性 格 >| pr 谨慎 ， 筋 敢 ， 机 智 ， 时 而 可 爱 ， 冷 天 < 性格 > 
< 联系 人 1 
= ey 联系 人 编号 ="L00004'> 
< 姓名 > 十 羊 羊 </ 姓 名 > 
< 宇 日 > 羊 历 3506 年 5 月 25 日 </ 生 日 > 
< 攻 格 > 机 知 易 坎 乐观 向 上 ， 有 主见 ， 坚 强 ， 古 气 ， 宽容， 性 急 </ 性 榈 > 
> 


EFT 


图 7-1 使 用 下 浏览 器 浏览 XML 文件 “通讯 录 ” 


(4) 单 击 标签 前 面 的 * - "或 * + "可 折 丢 或 展开 各 子 元 素 。 

使 用 Visual Studio 2008 可 对 XML 文件 进行 更 方便 的 调试 。 方 法 如 下 : 

(1) 启动 Visual Studio 2008 ,创建 一 个 ASP. NET 网 站 , 右 击 [ 解 决 方案 资源 管理 器 】 
窗口 内 的 开发 目录 ,选择 [添加 新 项 】, 会 打开 一 个 [添加 新 项 ] 对话 框 ,在 对 话 框 的 模板 中 
选择 [XML 文件 】 ,如 图 7-2 所 示 。 

(2) 单 击 添加 按钮 ,会 自动 打开 新 添加 的 XML 文件 。 可 以 看 到 ,代码 窗口 已 经 自动 
添加 了 XML 声明 ,如 图 7-3 所 示 。 
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由 we 宣 体 页 
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页 


局 类 
最 自用 了 ATwr 的 vcz 服务 
国外 现 文件 


居 一 和 处 理 程序 


提现 文件 
名 称 四 : mcae ma 
语 E 区 二 
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图 7-3 添加 的 XML 文件 


(3) 在 该 文件 原 有 代码 基础 上 继续 添加 XML 代码 即 可 。 最 后 保存 文件 。 
(4) 若 需 运行 ,可 在 [解决 方案 资源 管理 器 】 窗口 内 右 击 该 文件 ,选择 [在 浏览 器 中 查 
看 】。 


本 章 小 结 


本 章 通过 “通讯 录 " 案 例 ,简单 地 介绍 了 设计 、 创 建 和 浏览 XML 文件 的 整个 流程 。 
XML 是 一 门 简单 易 懂 的 语言 ,也 是 现在 最 热门 的 技术 ,很 多 最 新 的 技术 或 多 或 少 都 跟 
XML 有 关 ,XML 也 跟 . NET 框架 有 着 千 丝 万 缕 的 联系 。 设 计 和 创建 一 个 XML 文件 很 简 
单 , 但 是 要 更 好 地 规范 和 显示 XML 中 的 数据 就 需要 学 习 更 多 的 知识 ,有 兴趣 的 读者 可 以 
查阅 相关 的 书籍 。 


习题 


1. 填空 题 


(1) XML 文件 的 扩展 名 是 6 

(2) 如 果 要 创建 的 XML 文件 内 容 中 包含 多 国文 字 , XML 必要 声明 中 的 encoding 属 
性 值 可 以 设置 为 

(3) XML 的 元 素 由 三 个 部 分 组 成 ,包括 和 E 
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2. 选择 题 


(1) 下 列 关于 XML 文档 中 根 元 素 的 说 法 ,不 正确 的 是 ( hs 
A. 每 一 个 结构 完整 的 XML 文档 有 且 只 有 一 个 根 元 素 
B. 根 元 素 完 全 包括 了 文档 中 的 所 有 其 他 元 素 
C. 根 元 素 的 起 始 标注 要 放 在 其 他 所 有 元 素 的 起 始 标注 之 前 ,而 根 元 素 的 结束 标 
注 要 放 在 其 他 所 有 元 素 的 结束 标注 之 后 
D. 根 元 素 不 能 包含 属性 节点 
(2) XML 采用 以 下 哪 种 数据 组 织 结构 ? ( ) 
A. 网 状 结构 B. 树 状 结构 C. 线 状 结构 D. 星 状 结 构 


3. 判断 题 


(1) XML 标签 跟 HTML 标签 一 样 是 固定 的 。 
(2) XML 文件 中 元 素 的 属性 值 可 有 可 无 。 
(3) Web. config 是 一 个 XML 文件 。 

(4) XML 文件 既 描 述 数据 又 可 以 显示 数据 。 


4. 简 答题 


(1) XML 的 文件 结构 是 怎样 的 ? 
(2) .NET 框架 提供 了 与 XML 相关 的 哪些 命名 空间 和 类 ? 


5. 操作 题 
参考 “通讯 录 " 示 例 创建 一 个 描述 电影 资料 信息 的 XML 文件 并 浏览 效果 。 


一 一 一 一 
、、 
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随 着 网 站 规模 的 扩大 ,网 站 栏目 和 网 页 数量 越 来 越 多 ,用 户 浏览 起 来 往往 “迷路 ” , 解 
决 办 法 是 在 合理 安排 网 站 结构 的 基础 上 ,在 网 页 中 添加 导航 提示 。 

一 般 有 三 种 导航 提示 : 

。 弹出 式 菜单 

。 站 点 地 图 路 径 

。 树 状 目录 

图 8-1 所 示 的 网 站 同时 使 用 了 “弹出 式 菜单 "和 “站 点 地 图 路 径 " 两 种 导航 提示 。 


、 加 民风! -一 S 信 
J 大 为 时 现时 区 上 其 几 时 


弹出 式 菜单 
导航 


议 有 任何 轿 上 和 和 


图 8-1 “弹出 式 菜单 "和 * 站 点 地 图 路 径 " 导 航 提示 


图 8-2 所 示 的 网 站 (后 台 管理 模块 ) 则 使 用 了 “ 树 状 目录 "导航 提示 。 
本 章 对 ASP. NET 中 的 三 种 导航 控件 进行 讲解 。 
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文件 四 纺 委 四 吾 看 WD 收 称 他 工具 上 各 助 0 
@- 昌 .四国 抬 | 如 全 -总 团 - 回 %K 
着 主 加 | 办 http:/1mrv spyy com/ winin/ 


网 站 后 人 台 管 理 系统 


树 状 目录 导航 


图 8-2 “ 树 状 目录 "导航 提示 


8.1 ASP.NET 中 的 导航 控件 


几乎 每 个 网 站 里 ,为 了 方便 用 户 在 网 站 中 进行 页 面 导 航 ,都 少不了 使 用 页 面 导 航 控 
件 。 有 了 页 面 导航 的 功能 ,用 户 可 以 很 方便 地 在 一 个 复杂 的 网 站 中 进行 页 面 或 栏目 之 间 
的 跳 转 。 
在 以 往 的 Web 开发 中 ,要 写 一 个 完善 的 页 面 导航 功能 ,并 非 易 事 , 需 要 花费 很 多 精 
力 , 还 需要 一 定 的 技巧 和 经 验 。 在 ASP. NET 3.5 中 ,提供 了 三 个 页 面 导航 控件 ,使 页 面 导 
航 的 开发 简捷 而 高 效 。 它 们 位 于 【工具 箱 ] 中 的 [导航 ] 组 内 ,分 别 是 : 
。 站 点 地 图 路 径 导 航 控件 ( SiteMapPath ) : 检索 用 户 当前 页 面 并 显示 层次 结构 的 控 
件 。 这 使 用 户 可 以 导航 回 到 层次 结构 中 的 其 他 页 。SiteMapPath 控件 要 与 另外 的 
SiteMapDataSource 控件 一 起 使 用 。 
。 树 状 目录 导航 控件 (TreeView ) : 提供 纵向 用 户 界面 以 展开 和 折 释 网 页 上 的 选 定 
节点 ,以 及 为 选 定 项 提供 复 选 框 功能 。 
。 弹出 式 菜单 导航 控件 (Menu) : 提供 当 用 户 将 鼠标 指针 县 放 在 某 一 项 时 弹出 子 菜 
单 功能 。 
这 三 个 导航 控件 均 支持 站 点 地 图 文件 ( SiteMap. config ) 。 


8.2 ”站 点 地 图 文件 的 作用 与 结构 


若 要 使 用 ASP. NET 站 点 导航 ,应 首先 描述 站 点 结构 以 便 让 站 点 导航 控件 正确 显示 。 
描述 站 点 结构 要 通过 编写 一 个 名 为 Web. sitemap 的 文件 ,这 是 一 个 包含 站 点 层次 结构 的 
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XML 文件 ,并且 它 必须 位 于 网 站 的 根 目录 中 。 
创建 它 的 方法 是 在 [解决 方案 资源 管理 器 】 内 右 击 网 站 主 目录 ,选择 [添加 新 项 】, 在 
【添加 新 项 ] 对 话 框 中 选择 [站 点 地 图 模板。 名称 最 好 保持 默认 的 Web. sitemap ,然后 单 
击 [ 确 定 】 按 钮 即 可 。Microsoft Visual Studio 会 自动 创建 并 为 它 生成 基础 的 文件 结构 。 如 
下 所 示 。 
< ?ml version=".0" enooding= "utf — 8"? > 
< siteMep mlns= "http://sdhenas microsoft.om/AsrNet/SiteMep - File—1.0"> 
< siteMepNode url = title= "description ="™"> 
< siteMerNode url = ""title= "description = "/ > 
< siteMarNbde url = "title= "description = "/ > 
< /siteMarNode > 
< /sitsMap > 
网 站 的 结构 信息 使 用 < siteMapNode > 标签 分 层次 进行 描述 。 注 意 ,根据 位 置 的 不 
同 , 该 标签 既 可 呈现 “开始 标签 "加 “结束 标签 "的 形式 ,也 可 呈现 为 “ 空 标签 "形式 。 
开发 者 可 以 根据 自己 的 网 站 结构 对 Web. sitemap 的 文件 进行 手工 调整 。 为 了 保证 合 
法 性 ,Web. sitemap 文件 必须 以 < sitemap > 结 点 开始 (只 能 有 一 个 ) ,后 面 紧 跟 一 个 
< siteMapNode > 元 素 作为 根 , 它 一 般 设 定 为 网 站 的 首页 。 然 后 ,在 这 个 根 < siteMapNode > 
内 根据 需要 可 再 能 人 无 限 多 层 的 <siteMapNode > 元 素 。 
例如 , 若 有 一 个 新 闻 类 网 站 ,网 站 结构 如 图 8-3 所 示 。 


新 闻 网 站 首页 
I 
1 1 
政 经 新 闻 文体 新 闻 
| EEN 
时 政要 闻 财经 新 闻 体育 新 闻 娱乐 新 闻 


图 8-3 新 闻 类 网 站 结构 


则 Web. sitemap 的 代码 如 下 : 


< ?xm versiamn="].0" encoding= "Utf -8"?> 
< siteMep xmlns = "http://sdhemas microsoft.om/AstNet/SiteMap — File—1.0"> 


< siteMkNpde url = "Gefault.aggx" title= "新 闻 网 站 首页 "Escriptiamn= " 呀 页 "> 
< siteMekgNbde url = "zhengjing.aspx" title= 中 经 新 闻 "Cescriptim= 路 经 "> 
< siteMfNPGE Url = "shi .aspx" title=' 付 政要 闻 "Gescriptim= 哇 政 "/ > 
< siteMapNode url = "caijing.aspx" title= " 串 经 新 闻 "Gescription = 吊 经 "/ > 
< /siteMekNode > 
< siteMepNbde url = "Wenti .aspx" title=" 文 体 新 闻 "Gescriptim=' 文 体 "> 
< sitevapbde url ="tiyu.aspx" title=" 体 育 新 闻 "tEscriptim=" 体 育 V > 
<siteaMgNpc unl = "yule.aspge" tbe='" 娱 乐 新 闻 "HEscriptim= "娱乐 V> 
< /siteMerNoae > 
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< /siteMerNode > 
< /sitevep > 
其 中 : 
。 每 一 个 <siteMapNode > 元 素描 述 的 是 一 个 网 页 的 导航 信息 ; 
。 <siteMapNode > 元 素 的 url 属性 指出 对 应 网 页 的 位 置 ,tite 属性 是 显示 的 文本 描 
述 ,description 属性 是 当 鼠 标 悬 放 时 显示 的 提示 文本 。 


8.3 树 状 目录 导航 控件 


TreeView 控件 等 nowiw ”类 似 Windows 操作 系统 中 “资源 管理 器 "的 文件 夹 显 示 方 
式 ,可 以 显示 层次 数据 。 
TreeView 控件 的 标签 代码 默认 为 : 


< asp:TresView ID= "TreeViewl" runat = "server" > < /asp:TreeView > 


TreeView 控件 刚 添加 到 在 设计 视图 下 会 自动 弹出 [TreeView 任务 ] 快捷 菜单 ,如 
图 8-4 所 示 。 


图 8-4 ”TreeView 控件 刚 添加 到 在 设计 视图 下 的 显示 效果 


可 以 有 三 种 操作 方法 显示 出 最 终 的 导航 效果 : 

(1) 借助 配套 的 SiteMapDataSource 控件 ,调用 事先 编辑 好 的 Web. sitemap 站 点 地 图 
文件 ,从 而 自动 显示 导航 效果 。 

(2) 不 使 用 外 部 的 站 点 地 图 文件 ,而 是 自身 通过 “编辑 节点 "的 方式 添加 各 层次 节点 
的 信息 。 

(3) 通过 深入 的 编程 ,利用 其 他 数据 源 ( 如 数据 库 ) 实 现 导航 。 由 于 相对 使 用 较 少 ， 
这 里 不 做 介绍 。 


8.3.1 调用 站 点 地 图 文件 实现 导航 


SiteMapDataSource 控件 的 作用 就 像 中 间 的 桥梁 ,支撑 TreeView 控件 从 站 点 地 图 文 
件 Web. sitemap 中 获取 导航 信息 。 

操作 步骤 如 下 : 

(1) 为 网 站 添加 并 根据 需要 编辑 站 点 地 图 文件 Web. sitemap。 这 里 就 使 用 前 面 例子 
里 的 站 点 地 图 文件 。 

(2) 在 页 面 上 添加 一 个 TreeView 控件 和 一 个 SiteMapDataSource 控件 (位 于 【工具 
箱 ] 的 [数据 ] 组 内 ) 。 
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(3) 在 TreeView 控件 弹出 的 【TreeView 任务 ] 快 捷 菜单 中 ,将 [选择 数据 源 ] 设 为 
SiteMapDataSource 控件 的 ID ,TreeView 控件 会 即时 显示 结果 ,如 图 8-5 所 示 。 


asp:treeview# TreeView] 


Treeyiew 任务 
自动 套用 格式 


财经 新 闻 m 3 如 构 二 \ 


编辑 Treslode 数据 铸 定 
显示 行 


SitelapDataSource - SiteliapDataSourcel 


图 8-5 设置 TreeView 控件 的 数据 源 


(4) 车 希望 美化 显示 效果 ,可 选择 [TreeView 任务 ] 快 捷 菜 单 中 的 [ 自动 套用 格式 】， 
选择 合适 的 格式 ,如 图 8-6 所 示 。 


自动 套用 格式 


日 命 新 闻 网 站 首页 
日 和 下 经 新 闻 
鲍 时 政要 闻 
饮 财经 新 闻 
日 从 文体 新 闻 
侈 体育 新 闻 
多 娱乐 新 闻 


图 8-6 【自动 套用 格式 】 对 话 框 


8.3.2 通过 “编辑 节点 ”实现 导航 


也 可 以 通过 “编辑 节点 "的 方式 设置 TreeView 控件 的 导航 显示 。 由 于 TreeView 控件 
的 显示 是 由 节点 组 成 的 ,这 里 先 简单 介绍 一 下 “节点 ”: 树 中 的 每 个 项 都 称 为 一 个 节点 , 若 
用 程序 处 理 则 使 用 TreeNode 对 象 表示 。 节 点 类 型 的 定义 如 下 : 
。 包含 其 他 节点 的 节点 称 为 * 父 节点 ”; 
。 被 其 他 节点 包含 的 节点 称 为 * 子 节点 ”; 
。 没有 子 节点 的 节点 称 为 * 叶 节点 ”; 
。 不 被 其 他 任何 节点 包含 同时 是 所 有 其 他 节点 的 上 级 的 节点 是 “ 根 节点 ”。 
手工 编辑 TreeView 控件 导航 内 容 的 方法 是 ,在 TreeView 控件 弹出 的 【TreeView 任 
务 】 快 捷 菜 单 中 , 单 击 [ 编辑 节点 】( 应 先 确保 【选择 数据 源 】 下 拉 列表 选项 为 无” ) 。 
在 弹出 的 【TreeView 节点 编辑 器 】 对 话 框 内 ,根据 需要 添加 相应 节点 ,并 设置 每 个 节 
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点 的 属性 ,如 图 8-7 所 示 。 


TreeYiew 节点 编辑 器 


屋 性 四): 
2 忌 


InageUrl 
I 


rl 
PopulateOnDenand False 
Selecthction Select 
Selected False 
ShowCheckBox 

Nive 
Text 娱乐 新 闻 
ToolTip 娱乐 

[Value 贺 乐 新 闻 

了 avigateUrl 

树 节 点 被 选中 时 定位 到 的 VRL。 


[确定 


图 8-7 【TreeView 节点 编辑 器 】 对 话 框 


常用 的 节点 属性 包括 : 

。 NavigateUrl: 获取 或 设置 单 击 节点 时 导航 到 的 URL; 

。 Target: 获取 或 设置 用 来 显示 与 节点 关联 的 网 页 内 容 的 目标 窗口 或 框架 ; 

e Text: 获取 或 设置 为 TreeView 控件 中 的 节点 显示 的 文本 ; 

。 Value: 获取 或 设置 用 于 存储 有 关节 点 的 任何 其 他 数据 (如 用 于 处 理 回 发 事件 的 
数据 ) 的 非 显示 值 ; 

。 ToolTip: 鼠标 悬 放 在 节点 时 显示 的 提示 信息 。 


8.4 弹出 式 菜单 导航 控件 


Menu 控件 名 we 用 于 为 网 页 显示 弹出 式 菜单 。 默 认 的 显示 效果 如 图 8-8 所 示 。 


避 无 标题 页 -Microsoft Internet Explorer 

文件 EL 编辑 EE) 查看 0 收藏 由 工具 人) 帮助 0 

8@Q- 昌 -四 国 双 |P 妇 8@| 人 9- 驴 团 “| 物 - 
地 址 四) | 狂 http://1ocalhost:1452/aspnet/Default. aspx SEa 


新 闻 网 站 首页 政 经 新 闻 
文体 新 闻 体育 新 闻 


:新 闻 


图 8-8 ”Menu 控件 默认 的 弹出 式 菜 单 的 显示 效果 
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Menu 控件 的 标签 代码 默认 为 : 
< asp:MEnu ID= "MEnal" runat = "server" > < /asp:MEna > 


同 TreeView 控件 一 样 ,Menu 控件 不 但 可 以 借助 SiteMapDataSource 控件 调用 站 点 地 
图 文件 Web. sitemap, 也 可 以 自身 通过 “编辑 菜单 项 "的 方式 添加 各 层次 菜单 的 信息 。 
调用 站 点 地 图 文件 的 设置 如 图 8-9 所 示 。 jaspmenssmenuy 
通过 “编辑 菜单 项 "的 方式 添加 各 层次 菜 力荐 和 Eee 和 
单 的 方法 是 : 在 Menu 控件 弹出 的 【Menu 任 这 拓 站 折 枯 ;|SitssoDstsowcs 加 | 
务 ] 快 捷 菜单 中 , 单 击 [ 编辑 菜单 项 】( 应 先 确 
保 [ 选 择 数据 源 】 下 拉 列 表 选 项 为 无" ) 。 | a 
在 弹出 的 [菜单 项 编辑 器 ] 对 话 框 内 ,根据 i 
需要 添加 相应 菜单 项 ,并 设置 每 个 菜单 项 的 属 
性 。 添 加 的 方法 和 属性 与 TreeView 控件 的 
【TreeView 节点 编辑 器 】 非 常 类 似 。 这 里 只 对 Menu 控件 特有 的 几 个 属性 进行 说 明 : 
。 Orientation 属性 : 指定 是 水 平 (Horizontal ) 还 是 垂直 (Vertical ) 呈现 Menu 控件 。 
默认 是 以 垂直 的 样式 显示 , 即 前 面 图 8-8 的 样式 ,国内 的 网 站 更 常用 的 可 能 会 是 
水 平 样式 。 
e。 StaticDisplayLevels 属性 : 设置 固定 显示 的 菜单 项 的 层 数 ,其 下 级 层 的 菜单 项 只 有 
在 鼠标 悬 放 时 才 会 显示 ,鼠标 移出 后 自动 隐藏 。 默 认 情况 下 ,固定 显示 的 只 有 根 
一 级 的 菜单 项 。 


8.5 ”站 点 地 图 路 径 导 航 控件 


SiteMapPath 控件 到 sa 提供 导航 路 径 ,显示 用 户 当前 位 置 并 允许 用 户 使 用 链接 回 
到 更 高 的 层次 。 图 8-10 显示 了 用 户 位 于 yule. aspx( 娱 乐 新 闻 网 页 ) 时 , 带 有 SiteMapPath 控 
件 的 示例 。 


图 8-9 ”Menu 控件 调用 站 点 地 图 文件 的 设置 


马 无 标题 页 - Microsoft Internet Exzplorer 辐 回 加 | 

文件 EE) ”编辑 到 ) 查看 W) 收藏 和 工具 CI) 帮助 0 大 
iQ-©- 四 站 人 |P 女 8 人， “| 移 - 
; 地址 四) | 狠 http://1ocalhost:1452/spnet/yule. aspx 贺 贺 和 


新 闻 网 站 首页 > 文体 新 闻 > 娱乐 新 闻 


图 8-10 用 户 位 于 yule. aspx( 娱乐 新 闻 网 页 ) 时 SiteMapPath 控件 的 显示 效果 
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SiteMapPath 控件 的 标签 代码 默认 为 : 

< asp:Siteveppath ID= "SitekepPathp" nmat = "server" > < /asp:SiteMappath > 

通过 SiteMapPath 控件 ,用 户 可 以 回 到 文体 新 闻 页 ( wenti. aspx ) 或 新 闻 网 站 首页 
( Default. aspx ) 。 

SiteMapPath 控件 的 使 用 最 为 简单 。 与 前 面 两 个 导航 控件 相 比 ,SiteMapPath 控件 也 
需要 站 点 地 图 文件 的 数据 支持 ,但 它 既 不 需要 SiteMapDataSource 控件 ,也 不 需要 做 特别 
的 设置 。 只 要 将 SiteMapPath 控件 拖 入 网 页 ,并 且 确 保本 网 页 的 名 字 已 经 被 记载 在 站 点 地 
图 文件 中 ,就 会 自动 显示 出 正确 的 路 径 层 次 。 

SiteMapPath 控件 在 告知 用 户 当前 位 置 ,以 及 提供 用 户 在 层次 结构 间 向 上 跳 转 方面 很 
有 用 。 不 过 ,开发 时 应 注意 要 与 其 他 导航 控件 配合 使 用 ,才能 让 用 户 在 站 点 地 图 层次 中 可 
以 向 下 跳 转 。 

SiteMapPath 控件 的 常用 属性 如 下 : 

。 PathSeparator 属性 : 表示 用 在 路 径 里 两 个 层次 之 间 的 字符 。 默 认 值 是 ” > ”。 

。 PathDirection 属性 : 有 两 个 选择 , 即 RootToCurrent( 默认 值 ) 和 CurrentToRoot( 在 

路 径 里 把 层级 的 次 序 反 向 ) 。 

。 ParentLevelsDisplayed 属性 : 设置 每 次 显示 的 最 大 父 层 级 的 个 数 。 默 认 值 是 -1， 

表示 显示 所 有 的 层级 。 

有 时 ,希望 路 径 里 的 两 个 层次 之 间 采 用 图 片 分 隔 ,如 : 

新 闻 网 站 首页 @@ 文体 新 闻 @@ 娱乐 新 闻 

这 就 需要 编辑 模板 。 方 法 如 下 : 

(1) 单 击 SiteMapPath 控件 右上 和 角 的 加 按钮 ,在 弹出 的 [SiteMapPath 任务 ] 快捷 菜单 
中 ,选择 [编辑 模板 】。 

(2) 选择 [ 显示 】 下 拉 列 表 中 的 PathSeparatorTemplate 选项 。 

(3) 在 左 侧 的 PathSeparatorTemplate 窗口 内 , 拖 入 一 个 Image 控件 ,并 为 它 设置 用 于 
分 隔 的 图 片 的 ImageUrl ,如 图 8-11 所 示 。 

[asp:sitemappaths SiteMapPahi] 


Sit ~ PathSeparatorTenplate 


EE 


图 Bl 设置 SiteMapPath 控件 PathSeparatorTemplate 模板 
(4) 选择 [ SiteMapPath 任务 ] 快捷 菜单 中 的 【结束 模板 编辑 】, 从 而 返回 初始 界面 。 
本 章 小 结 
ASP. NET 中 提供 的 页 面 导航 控件 有 三 个 ,分别 是 站 点 地 图 路 径 导航 控件 


(SiteMapPath) . 树 状 目 录 导 航 控件 (TreeView) ,以 及 弹出 式 菜单 导航 控件 (Menu) 。 它 们 
不 但 功能 强大 ,使 用 也 十 分 灵活 方便 。 应 用 页 面 导航 控件 前 ,一 般 应 先 建立 站 点 地 图 文 


人 ASP.NET 动态 网 站 开发 教程 


件 Web. sitemap ,Web. sitemap 文件 以 XML 的 形式 提供 整个 网 站 的 页 面 结 构 层 次 。 


习题 
1. 填空 题 
(1) 如 果 一 个 节点 不 包含 子 节点 ,就 称 为 
(2) 站 点 地 图 文件 中 的 属性 用 于 提供 链接 的 文本 描述 。 
(3) Menu 控件 显示 两 种 类 型 的 菜单 : 和 动态 菜单 。 其 中 始终 显 
示 在 Menu 控件 中 。 
(4) SiteMapPath 控件 的 属性 用 于 获取 或 设置 一 个 字符 串 ,该 字符 串 在 呈现 
的 导航 路 径 中 分 隔 SiteMapPath 节点 。 
2. 选择 题 
(1) 如 果 需 要 让 Menu 控件 固定 显示 三 级 菜单 ,应 该 设置 下 列 哪个 属性 ? 〈 ) 
A. NavigateUrl B. StaticDisplayLevels 
C. Target D. Text 


(2) 以 下 哪个 导航 控件 使 用 站 点 地 图 文件 Web. sitemap 进行 导航 而 不 需要 用 到 
SiteMapDataSource 控件 ? ( ) 


A. TreeView 控件 B. Menu 控件 
C. SiteMapPath 控件 D. TextBox 控件 
3. 判断 题 
(1) SiteMapPath 控件 显示 一 个 树 状 结 构 或 菜单 ,让 用 户 可 以 遍历 访问 站 点 中 的 不 同 
页 面 。 ( ) 
(2) TreeView 结构 视图 中 的 根 节点 只 能 有 一 个 。 ( 
(3) 站 点 地 图 文件 Web. sitemap 中 的 < siteMapNode > 元素 可 以 有 多 个 ,但 顶级 
< siteMapNode > 元 素 只 能 有 一 个 。 ( ) 
4. 简 答 题 


(1) 利用 TreeView 控件 进行 导航 可 以 有 哪些 方法 ? 
(2) 如 何 对 现实 中 的 网 站 进行 导航 ? 选择 自己 觉得 最 合适 的 方法 。 
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当 对 网 站 有 以 下 几 方 面 的 要 求 时 ,就 需要 对 网 站 进行 配置 了 : 

。 身份 验证 。 只 多 许 通过 验证 的 用 户 访问 某 些 目录 下 的 资源 (比如 网 站 的 后 台 
管理 ) 。 

管理 网 站 与 数据 库 的 连接 信息 。 如 果 数 据 库 有 变动 (如 SQL Server 数据 库 所 在 
的 服务 器 或 者 登录 账号 变更 等 ) ， 只 需要 改变 一 下 配置 ,而 不 必 再 重新 预 编译 整个 
网 站 。 

出 错 网 页 重 定向 。 当 用 户 访问 网 站 中 某 个 网 页 出 错时 ( 比如 访问 一 个 不 存在 的 网 
页 ) ,可 以 自动 转向 到 预先 准备 好 的 另 一 个 具有 友好 提示 信息 的 网 页 。 

配置 整个 网 站 的 文件 .请求 .返回 所 使 用 的 字符 编码 。 如 大 陆 简体 GB2312 ,国际 
通用 字符 集 UTF-8 等 。 

。 控制 用 户 上 传 文件 的 大 小 。 

存储 一 段 用 户 字符 串 数 据 ,无 论 哪 一 个 网 页 需要 时 ,都 可 以 很 方便 地 读 取 出 来 。 
这 种 简单 的 存储 大 可 不 必 使 用 数据 库 ,数据 库 太 “重量 级 "了 。 

。 对 运行 中 的 Web 服务 进行 配置 的 修改 ,不 需要 重启 服务 就 应 该 立即 生效 。 

当然 ,需要 类 似 配 置 的 地 方 还 有 很 多 ,以 上 列 出 的 只 是 常用 的 几 项 。 

在 ASP. NET 中 ,是 使 用 文件 Web. config 对 网 站 进行 全 局 配置 的 。 


9.1 网 站 配置 文件 Web. config 


9.1.1 认识 Web. config 文件 


Web. config 是 一 个 XML 格式 的 文本 文件 ,用 来 储存 网 站 的 配置 信息 。 

当 用 户 通过 Visual Studio 2008 新 创建 一 个 网 站 后 ,默认 情况 下 会 在 站 点 的 主 目录 自 
动 创 建 一 个 Web. config 文件 ,并 已 经 设置 好 了 最 基本 的 配置 ,如 图 9-1 所 示 。 

站 点 内 所 有 的 子 目 录 都 继承 它 的 配置 设置 。 如 果 和 希望 某 个子 目 录 有 不 同 的 配置 设 
置 , 可 以 在 该 子 目 录 下 再 另 建 一 个 Web. config 文件 。 通 过 在 该 子 目 录 新 建 的 
Web. config 文件 ,不 但 可 以 重 写 或 修改 原 继 承 过 来 的 配置 设置 ,还 可 以 在 继承 的 配置 信 


4 ASP.NET 动态 网 站 开发 教程 
妇 


ERROR 


图 9-1 Web.config 文件 的 基本 配置 


息 基础 上 再 添加 新 的 配置 信息 。 

CY web. cots 文件 可 以 出 现在 网 站 内 的 任何 一 个 目录 中 。 但 有 一 点 需要 注意 ,Web 
.config 中 的 某 些 配置 是 针对 主 目录 设置 的 。 因 此 , 若 某 个 Web. config 文件 内 包含 了 这 类 
配置 ,那么 它 就 只 能 存放 在 网 站 根 目录 下 。 例 如 , 若 将 根 目 录 默 认 生成 的 Web. config 文件 


备份 在 网 站 的 子 目录 下 ,运行 时 就 会 报错 。 
在 ASP. NET 中 提供 了 一 个 名 为 System. Configuration 的 命名 空间 。 该 命名 空间 提 


供 了 相应 的 类 和 接口 ,用 于 以 编程 方式 访问 Web. config 的 配置 设置 。 


9.1.2 Web. config 文件 的 结构 


在 Visual Studio 2008 中 可 以 很 方便 地 对 Web. config 文件 进行 编辑 , 单 击 行 首 的 日 和 
| 田 可 以 对 一 组 标签 进行 折 释 和 展开 ,如 图 9-2 所 示 。 通 过 对 图 中 的 二 级 元 素 进 行 折 秋 , 可 以 


很 方便 地 查看 Web. config 文件 的 整个 结构 ( < !-- 与 -- > 之 间 的 内 容 是 原文 的 注释 ) 。 
I er vrata 描述 该 文件 为 XML 格式 
3 Es, 除了 手动 编辑 此 文件 以 外 ， 您 还 可 以 使 用 


b 管理 工具 来 配置 应 用 程序 的 设置 。 可 以 使 用 visual studio 中 的 
站 ”Asp.Net 本 年" 法 项 、 

设置 和 注释 的 完整 列表 在 

machine.config.comments 中 ， 沪 文件 通常 位 于 


下 | 。 WindowsWttcrosoft-WMetvFramework\y2.xVConfig 中 
ae configuration 是 配置 文件 必需 的 
根 元 素 ,所 有 配置 信息 都 必须 处 于 


<configSections:-] 


仙人 <configuration> 和 </configuration> 
《systemvweb 北 -] ee 这 对 根 元 素 之 间 

ysten, A 

和 | 一 保存 自 定义 的 应 用 程序 设置 数据 


- 玄 Internet 信息 服务 7.9 下 运行 ASF-her Jax 需要 3y3ten.wepserver | 


对 早期 版 本 的 ITS 来 说 则 不 需要 此 节 - | 专门 用 于 保存 数据 库 的 连接 信息 


2 大 部 分 用 户 配置 写 在 <system-web> 
ee A 


图 9-2 对 Web. config 的 二 级 元 素 进行 折叠 后 的 效果 
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一 个 Web. config 文件 至 少 需要 具有 < configuration > 元素 及 < system. web > 元 素 。 
最 简单 的 xml 文件 如 下 所 示 : 


< ?2mlL version= "1.0"? > 
< configuraticn > 
< system.web > 
< /system.web > 
< /configuration > 
实际 开发 中 ,要 根据 情况 对 图 9-2 中 的 默认 配置 进行 添加 或 修改 ,下 面 将 对 常用 的 几 
个 配置 进行 介绍 。 
书写 规则 : 通常 情况 下 ,各 元 素 名 字 均 为 小 写 ( 如 configuration runtime ) , 如 果 元 素 
名 字 是 由 多 个 单词 合并 描述 的 ,那么 ,从 第 2 个 单词 开始 , 首 字母 大 写 ( 如 appSettings、 
connectionStrings ) 。 
属性 值 的 每 个 单词 ( 包括 第 1 个 单词 ) 首 字母 都 要 大 写 ( 如 MachineToApplication ) ， 
只 有 true 和 false 是 例外 ,它们 始终 是 小 写 。 


9.1.3 ”Web. config 的 常用 配置 


以 下 的 配置 , 除 第 1 和 第 2 个 设置 在 < system. web > 元 素 之 外 ,余下 的 均 在 < system 
. web > 元素 内 设置 。 


1. 配置 SQL Server 数据 库 连 接 < connectionStrings > 


动态 网 站 大 都 会 与 数据 库 进 行 连接 ,以 便 各 网 页 从 中 读 取 数 据 。 而 为 了 与 数据 库 连 
接 ,需要 指出 若干 连接 信息 ,包括 数据 库 服务 器 地 址 .数据库 名 称 .连接 用 户 名 与 密码 等 。 

这 些 信 息 如 果 硬 编码 ( 即 以 语句 的 形式 直接 书写 到 程序 代码 内 ) 到 每 个 网 页 中 , 当 连 
接 信息 有 变 时 (这 很 有 可 能 ,尤其 是 在 调试 阶段 和 选择 不 同 的 虚拟 主机 时 ) ,就 需要 修改 
每 一 处 相关 网 页 的 源 代码 ,最 后 再 对 整个 网 站 重新 预 编译 ,这 样 非常 不 方便 。 

推荐 的 方法 是 将 这 些 信息 存放 到 Web. config 文件 的 < connectionStrings > 元 素 内 。 

(四 可能 读者 会 担心 安全 性 的 问题 ,事实 上 ,浏览 者 是 没有 权限 查看 Web. config 文件 
内 容 的 。 另 外 ,还 可 以 利用 .NET 框架 自 带 的 工具 aspnet_regiis 对 Web. config 进行 加 密 。 
该 工具 默认 位 于 "C:\WINDOWS\Microsoft. Net\Framework \v2.0.50727\ "目录 下 。 

<connectionStrings > 元 素 位 于 图 9-2 中 第 25 行 的 位 置 (此 元 素 在 <system. web > 元 
素 之 外 ,如 果 没 有 该 标记 ,可 自行 添加 ) ,默认 是 “ 空 标签 ”< connectionStrings/ > 。 

方法 如 下 : 

(1) 首先 将 <connectionStrings/ > 改 为 带 结束 标签 的 形式 , 即 : 

< connectionstrings > 

< /connectionstrings > 


(2) 在 其 中 输入 相关 参数 ,格式 为 : 


< add name=" 自 定义 的 连接 标识 名 "Comnectionstring= 呈 据 库 的 连接 信息 串 "provideeme = = "2D0. 
NET 提供 程 序 的 名 称 可 理解 为 连接 对 应 数据 库 所 需 的 驱动 程序 )"/ > 
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例如 连接 SQL Server 数据 库 , 可 以 写 为 : 


< comnectionstrings > 
< acd neme = camnn 
ConnecticnString = "Data Source = 192.168.0.17 
Initial Catalog = Pubsy 
Persist Seority Info= True; 
User D= sa; 
Password = abodl234" 
providerNeme = "Systemn.Data.Sdqlclientw/ > 
< /connectionStrings > 
下 面 介 绍 一 下 connectionString 连接 字符 串 中 各 参数 的 含义 , 见 表 9-1。 
表 9-1 connectionString 连接 字符 串 中 各 参数 的 含义 


属 性 说 明 
Data Source 数据 库 服务 器 所 在 地 址 。 如 为 本 机 ,也 可 写 为 127.0.0. 1 ,localhost 或 点 *.” 
Initial Catalog 要 连接 的 数据 库 名 


是 否 保存 安全 信息 。 可 以 理解 为 "在 数据 库 连 接 成 功 后 是 否 保存 密码 信息 "。 
此 项 一 般 也 可 以 省 略 


User ID 登录 数据 库 服务 器 的 用 户 名 
Password 登录 数据 库 服务 器 的 密码 


Persist Security Info 


如 果 SQL Server 采用 的 是 Windows 集成 登录 (使 用 当前 的 Windows 账户 凭据 进行 
身份 验证 ,而 不 使 用 用 户 ID 和 密码 验证 ) , 则 connectionString 连接 字符 串 的 写法 为 : 


connecticnstring = "Data Souroe= 192.168.0.17 
Jnitial Catalog= pibs; 
Integrated Security= SSPI" 
(3) 可 以 创建 多 个 数据 库 连 接 字 符 串 ,以便 网 站 可 以 以 多 种 方式 连接 数据 库 。 前 提 
是 它们 必须 具有 不 同 的 连接 标识 名 。 
(4) 对 应 在 网 页 的 代码 页 程序 中 读 取 Web. config 的 数据 库 连 接 字 符 串 数据 ,可 使 用 
下 列 语句 : 


string c= ConfiguraticrManager.ConnecticnStrings [yconnm].Comecticnstringy 
2. 保存 自 定义 的 应 用 程序 设置 数据 <appSettings > 


可 以 在 Web. config 文件 的 一 个 叫做 < appSettings > 的 特殊 元 素 里 加 入 自 定 义 设 
置信 息 (默认 位 于 图 9-2 中 第 24 行 的 位 置 ) 。 加 入 的 自 定义 设置 写 为 简单 的 字符 串 
变量 形式 。 内 容 可 以 为 一 些 文件 路 径 、 外 部 Web 网 址 .版 权 信息 、 网 站 名 称 、 数 据 查 
询 字符 串 等 ,这 类 信息 可 能 会 经 常 变动 ,因此 也 适合 保存 在 Web. config 中 ,以 便 可 以 
随时 修改 。 
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自 定 义 设置 通过 < add > 元 素 加 入 , 它 指 定 独 有 的 变量 名 称 (key ) 以 及 变量 的 内 容 
(value)。 下 面 的 示例 添加 了 两 个 自 定义 的 配置 设置 (一 个 是 站 点 名 称 , 另 一 个 是 照片 保 
存 路 径 ) 。 

< appSettings > 

< add Jey= "websiteNeme" value = "顺风 云 涛 "/ > 
< adH key = "thotopath" value= "~ /photo/"/ > 

< /appSettings > 

在 这 里 加 入 信息 后 ,. NET 使 得 我 们 在 网 页 代码 里 读 取 它们 变 得 非常 简单 。 如 某 个 
网 页 需要 读 取 站 点 名 称 ,可 以 在 程序 中 使 用 如 下 语句 。 


string strsiteName = Onfigurationsettings.AprSettings ["websiteNeme"]; 
程序 运行 后 ,变量 strSiteName 的 值 即 为 “顺风 云 涛 ”。 
3. 配置 Session 对 象 的 生命 周期 < sessionState > 


在 电子 信箱 、 网 络 论坛 或 者 电子 商务 网 站 中 ,通常 需要 用 户 登 录 后 才能 收发 信件 ,发 
表 评 论 或 购买 商品 。 用 户 的 登录 成 功 信息 保存 在 Session 对 象 中 ,每 次 读 取 各 页 面 时 通过 
检查 Session 对 象 确认 用 户 的 合法 性 。Session 对 象 是 有 生存 期 限 的 (默认 为 20 分 钟 ) , 若 
用 户 登 录 成 功 后 很 长 时 间 ( 超 过 Session 对 象 的 生存 期 限 ) 对 网 站 没有 切换 页 面 或 提交 信 
息 ,他 就 必须 重新 登录 才能 继续 操作 。 

为 了 增强 网 站 友好 性 ,可 对 Session 对 象 适当 延长 生存 期 限 。 比 较 方 便 的 方法 就 是 在 
Web. config 文件 的 < sessionState > 元 素 中 进行 配置 。 

例如 ,下 面 的 代码 设置 了 Session 对 象 的 生命 周期 为 35 分 钟 。 


< sessionState timecut = "35"/ > 


4. 限制 上 传 文件 的 大 小 <httpRuntime > 


有 些 网 站 提供 了 文件 上 传 功能 ,用 户 可 以 通过 客户 端的 浏览 器 ,将 文件 上 传 到 Web 
服务 器 内 。 出 于 某 些 原因 ,如 ,为 了 节省 服务 器 的 磁盘 空间 和 提高 文件 传输 的 速度 等 ,应 
限制 一 下 用 户 上 传 文件 的 大 小 。 

可 以 通过 < httpRuntime > 元 素 限制 上 传 文件 的 大 小 。 

例如 ,车 需 限 制 上 传 文件 的 最 大 字 节 数 为 500KB( 即 512 000 字 节 ) ,传输 有 效 时 间 为 
90 秒 ,可 写成 如 下 代码 : 


< httrRmtime maxRegqnestLength = "512000" exeattionTimeat = "90"/ > 
车 未 设置 此 项 , 则 默认 上 传 文件 的 最 大 字 节 数 为 4MB 。 
5. 配置 身份 验证 方式 及 登录 转向 <authentication > 


为 了 控制 用 户 访问 网 站 的 权限 ,通常 采用 的 方式 是 在 Web. config 文件 中 ,对 身份 验 
证 方式 进行 配置 。 常 用 的 身份 验证 方式 见 表 9-2。 
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表 9-2 常用 的 身份 验证 方式 


身份 验证 方式 说 明 
Windows 使 用 Windows 身份 验证 (默认 方式 ) 
Forms 使 用 ASP. NET 基于 窗 体 的 身份 验证 (这 是 网 站 中 最 常 采用 的 方式 ) 
PassPort 使 用 Microsoft 的 护照 身份 验证 
None 不 指定 任何 身份 验证 


如 果 匿 名 访问 受 限 的 网 页 , 则 自动 转向 到 子 标记 <forms > 所 指定 的 登录 网 页 。 
下 面 例子 设置 ASP. NET 中 使 用 的 基于 窗 体 的 验证 , 当 匿 名 用 户 访问 时 ,自动 转向 到 
登录 网 页 Login. aspx。 


< authentication mode = "Eormme"> 
< foms loginUrl = "Togin.aspzeV > 

< /authenticaticn > 

该 元 素 必 须 与 下 面 要 介绍 的 <authorization > 元 素 配合 使 用 。 

6. 配置 客户 端 访问 权限 < authorization > 


<authorization > 元 素 用 于 控制 客户 端 对 URL 资源 的 访问 。 子 标记 allow 表示 允许 
对 资源 的 访问 ,deny 表示 禁止 对 资源 的 访问 。 语 法 如 下 : 
< authorizatin > 
< allow users= 用户 1 用 户 2…" 
roles= "角色 1, 角色 2…"/> 
< deny users= "用户 a 用 户 b…" 
roles= "角色 a 角色 b…"/> 
< /authorization > 
也 可 以 使 用 通配符 * (代表 所 有 的 用 户 ) 和 ? (代表 所 有 匿名 用 户 ) 来 代替 用 户 或 角 
色 值 。 例 如 , 若 需 设置 只 允许 用 户 “ 小 强 ”“ 小 丽 ” 和 角色 “宣传 员 " 访 问 当前 目录 ,而 禁 
止 其 他 所 有 的 用 户 。 则 对 应 的 配置 为 : 


< authorizaticn > 
<allow users= "小 强 , 小 丽 " 
zoles= "宣传 员 "/> 
< deny users="*"/> 


< /authorizaticn > 


在 <authorization > 中 配置 的 顺序 非常 重要 ,系统 总 是 按照 从 前 向 后 逐条 匹配 的 原则 
扫描 ,并 且 执 行 最 先 的 匹配 者 。 例 如 将 上 面 例子 的 顺序 颠倒 如 下 : 


< authorizatin > 
< deny users="*"/> 
<allow users= "小 强 , 小 丽 " 
roles= "宣传 员 "> 


< /authorizatin > 


第 9 章 配置 应 用 程序 ， 做 好 网 站 宏观 调控 人 


则 所 有 的 用 户 ( 包 括 “ 小 强 "“ 小 丽 ”" 和 角色 “宣传 员 " ) 都 不 允许 访问 该 目录 下 的 
文件 。 

另外 ,从 程序 安全 性 考虑 ,应 该 首先 明确 地 允许 特定 的 用 户 或 者 角色 ,然后 再 禁止 其 
他 所 有 的 用 户 ( 而 不 应 禁止 特定 的 用 户 ) 。 

实际 开发 中 ,可 在 网 站 内 创建 多 个 子 目录 ,将 相同 访问 权限 的 网 页 放 在 同一 个 子 目 录 
内 。 然 后 ,通过 在 子 目录 内 再 创建 一 个 Web. config 配置 文件 来 管理 该 目录 内 的 网 页 的 访 


问 权 限 。 子 目录 内 的 Web. config 可 以 设置 得 非常 简单 。 例 如 ,该 子 目 录 禁 止 匿名 访问 ， 
可 配置 如 下 。 


< ?xml versiam="1.0"? > 
< omfiguratin > 
< System.wsb > 
< authorizaticn > 
< Geny users = "?"/ > 
< /authorizaticn > 
< /system.web > 
< /configuraticn > 


7. 重 定向 到 自 定义 错误 页 面 <customErrors > 


一 个 网 站 通常 包含 诸多 的 网 页 ,因此 很 难保 证 每 个 页 面 在 运行 时 都 不 会 发 生 错误 。 
默认 显示 的 错误 信息 对 于 一 个 普通 访问 者 来 说 临 涩 难 懂 。 因 此 ,最 好 事先 创建 一 个 界面 
友好 的 错误 提示 信息 网 页 ,通过 Web. config 文件 的 设置 , 当 用 户 访问 网 站 发 生 错 误 时 , 自 
动 重 定向 到 这 个 友好 网 页 。 

配置 连接 错误 页 面 是 在 < customErrors > </customErrors > 元 素 中 完成 的 ,主要 的 两 
个 属性 见 表 9-3。 


表 9-3 ” 重 定向 到 错误 页 面 使 用 的 属性 
属 性 说 明 


指定 是 否 启用 或 禁用 自 定义 错误 ,包括 On( 启 用 自 定义 错误 ) .Off( 禁 用 自 定 
义 错误 ) .RemoteOnly( 服务 器 端 调试 时 显示 ASP. NET 给 出 的 详细 错误 信息 ， 
而 外 界 客户 端 显 示 自 定义 的 错误 页 面 ) 


defaultRedirect 指定 页 面 发 生 错误 时 重 定向 到 的 默认 页 面 地 址 


mode 


例如 ,下 面 的 代码 演示 了 页 面 发 生 错误 时 ,将 程序 重 定向 到 myError. aspx: 
< custanErrors mode = "Remotenly" defaultRedirect = "Error.aspx"> 


< /ustarErrors > 


前 面 是 对 所 有 的 错误 转向 同一 个 提示 网 页 ,如 果 和 希望 针对 不 同 的 错误 结果 能 转向 到 
各 自 对 应 的 提示 网 页 ,就 需要 在 < customErrors > 节点 下 再 设置 子 节点 <error > 来 一 一 
指明 。 

例如 ,下 面 的 代码 显示 了 在 发 生 401 错误 (访问 未 授权 网 页 ) 和 404 错误 (网 页 未 找 
到 ) 时 ,分 别 将 重 定向 到 自 定义 的 错误 页 面 Unauthorized. aspx 和 FileNotFound. aspx ,其 他 
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错误 则 转向 到 myError. aspx 网 页 : 
< ustanErrors mde = "Fempteonly" defaultRedirect = "myError.aspx" > 
< error statusCode = "401" redirect = "Unauthorized.aspx"/ > 
< error statusCode = "404" redirect = "FileNotFound.aspx "/ > 
< /custarErrors > 
statusCode 属性 用 于 指定 发 生 的 错误 HTTP 状态 代码 ;redirect 属性 指定 发 生 对 应 错 
定向 到 的 网 页 地 址 。 


8. 配置 字符 编码 < globalization > 


< globalization > 元素 用 于 设置 应 用 程序 的 全 球 化 配置 ,例如 可 以 设置 请 求 和 响应 的 
字符 编码 方式 .日 期 时 间 格 式 和 默认 的 文件 编码 等 。 默 认 编码 格式 是 UTF-8 , 它 是 一 种 全 
球 统一 编码 ,并 已 经 成 为 主流 ,但 是 中 文 网 站 更 流行 的 是 GB2312 编码 。 

比较 常用 的 配置 字符 编码 格式 如 下 例 所 示 : 

<glabalization 五 jsPnooding = "GE2312" 

rechestEncoding = "GE2312" 
responseFnooding = "GE2312"/ > 

上 述 设置 保证 文件 ,请求 及 返回 字符 均 以 GB2312 格式 (中 文 简 体 ) 进行 编码 ,确保 浏 
览 器 正确 显示 页 面 信息 。 

一 般 情况 下 要 将 Responseencoding 属性 和 Requestencoding 属性 设置 成 相同 的 值 。 编 
码 有 冲突 将 导致 乱码 。 


9. 编辑 状态 设置 <compilation > 


一 般 在 网 站 开发 调试 阶段 , Visual Studio 首次 运行 网 站 时 ,会 自动 提示 并 修改 该 元 素 
的 debug( 调试 ) 属 性 为 *true” , 待 正式 发 布 时 ,应 将 其 修改 回 *false” ,以 提示 执行 效率 ,如 
图 9-3 所 示 。 


误 时 3 


县 


归 硅 和 eb. config 文件 中 启用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 。 您 希望 做 什 


©MWM heb. confie 3 


上 在 生产 环境 中 部 署 网 站 之 前 ， 和 Web. config 文件 中 禁用 调试。 


人 〇 不 进行 调试 直接 运行 人 @)。 (等 同 于 Ctrl+F5) 


图 9-3 修改 <compilation > 元 素 以 启用 调试 


该 操作 实际 是 针对 Web. config 文件 中 的 < compilation > 元 素 的 。 其 格式 如 下 
所 示 : 


< ampilation dbug= "false" > 
< /ompilatim> 
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9.1.4 一 个 完整 的 Web. config 配置 例子 
下 面 的 Web. config 文件 对 前 面 介绍 的 常用 配置 例子 进行 了 汇总 。 


< ?xml versian="].0"? > 


< configuraticn > 
< apSettings > 
<adH key= "websiteName" value= "顺风 云 涛 "/> 
< adH ley= "photopath" value = "~ /photo/"/ > 
< /appSettings > 
< comnecticnStrings > 
< add name = "myComn" 
connecticonString = "Data Souroe = 192.168.0.1; 
Jnitial Catalog = pibs; 
Persist Searity Info= True; 
User DD= userName; 


Password = password" 
ProviderName = "System.Data.SqlClient"/ > 
< /omnectionstrings > 


< System.wsb > 
< sessicnState timeout = "35"/ > 
< cumpilaticn debug= "true" > 
< /compilaticon > 
< authentjcaticn mode = "Ebmms" > 
< fomms lcginUrl = "Togin.aspx"/ > 
< /authentication > 
< authorizaticn > 
<allow users= "小 强 , 小 丽 " 
zoles= "宣传 员 "/ > 
< deny users="*"/> 
< /authorizaticn > 
< httrRmntime maxRecquestLength = "512000" esecutionTimeot = "90"/ > 
<glcbalizaticn filePnooding = "GE2312" 
ITecuestEnooding = "GE2312" 
responseFnooding = "GE2312"/ > 
< custanErrors mde = "Rempteonly" defaultRedirect = "myError.aspx" > 
< error statusCode = "401" redirect = "Unauthorized.aspx"/ > 
< error statusCode = "404" redirect = "FileNotFound.aspx "/ > 
< /oustarErrors > 
< /system.web > 


< /configuraticon > 
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如 果 用 上 面 这 个 文件 蔡 换 原 有 主 目录 内 的 Web. config, 运 和 
源 ”, 如 图 9-4 所 示 。 


马 无 法 找到 资源 。 - 了 icrosoft Internet Explorer 
文件 中 ”编辑 EE) 查看 WD 收藏 人 工具 CD) 帮助 四 


iG@- 昌 -. 国 国 蛤 | 请 妆 | 全 -总 居 国 KK 


; 地址 四 | 图 http://1ocddhost: 1452/aspnet/Login aspx?7Returnll=X2faspnetX2EDefanlt. aspx | BEal 


“faspnet” 应 用 程序 


当前 请 求 的 网 页 

匹 涛 共 到 沉 源 

说 明 : HTTP 404。 修 正在 查找 的 资源 葬 者 它 的 一 个 休 扣 项 梧 能 已 该 移 除 ,或 其 名 称 已 更 疏 ， 或 暂时 不 可 用 ， 

请 检查 以 下 URL 并 确保 其 拼写 正确 。 

请 求 的 URL: /aspnetlLogn aspx 

版 本 信息 : Microsoft NET Framework 版 本 :2.0.50727 3603; ASPNET 版 本 2.0.50727 3082 

图 9-4 ”提示 “无 法 找到 资源 "错误 
这 是 为 什么 呢 ? 
原因 在 于 配置 了 客户 端 访问 权限 ,并 设置 了 登录 转向 页 。 分 析 一 下 它 的 执行 过 程 是 
这 样 的 : 


(1) 网 站 的 默认 首页 default. aspx 准备 被 启动 ; 

(2) 检查 配置 文件 Web. config, 获得 当前 目录 (网 站 主 目录 ) 只 能 被 用 户 “ 小 强 ”、 
“小 丽 ” 和 角色 “宣传 员 " 访 问 ,其 他 任何 用 户 均 应 被 阻止 ; 

(3) 当前 浏览 用 户 未 登录 ,是 匿名 用 户 , 所 以 应 阻止 访问 ; 

(4) 系统 自动 转向 到 Web. config 文件 中 指定 的 登录 页 Login. aspx; 

(5) 访问 登录 页 Login. aspx 并 未 创建 ,提示 “无 法 找到 资源 ” 。 

为 什么 没有 转向 到 自 定义 的 错误 提示 页 呢 ? 这 是 因为 当前 是 在 本 地 启动 调试 的 ,而 
非 远程 访问 (RemoteOnly) ,所 以 < customErrors > 的 转向 设置 不 会 生效 。 

默认 生成 的 Web. config 文件 中 包含 的 配置 信息 要 比 前 面 学 习 到 的 更 多 一 些 。 实 际 
开发 中 ,建议 只 在 原 有 基础 上 做 必要 的 修改 ,其 他 不 涉及 的 部 分 最 好 不 去 改动 。 


9.2 全 局 应 用 程序 类 Global. asax 


有 时 ,希望 能 对 用 户 访问 网 站 的 行为 进行 监听 , 当 用 户 刚 一 访问 网 站 (无 论 浏 览 哪 一 
个 网 页 ) ,或 者 离开 网 站 时 ,系统 都 能 捕获 到 ,并 且 立 即 启动 相关 的 事件 进行 处 理 。 这 就 
需要 用 到 网 站 的 全 局 应 用 程序 类 Global. asax。 

Global. asax 文件 不 是 ASP. NET 网 站 必需 的 ,但 如 果 创 建 , 它 就 必须 位 于 网 站 的 根 日 


录 下 。 
Global. asax 文件 与 前 面 的 Web. config 一 样 ,被 配置 为 任何 (通过 URL 的 ) 直接 
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HTTP 请 求 都 被 自动 拒绝 ,所 以 用 户 不 能 下 载 或 查看 其 内 容 。ASP. NET 页 面 框架 能 够 自 
动 识别 出 对 Global. asax 文件 所 做 的 任何 更 改 。 在 Global. asax 被 更 改 后 ASP. NET 页 面 
框架 会 重新 启动 网 站 应 用 程序 ,包括 关闭 所 有 的 浏览 嚣 会话, 去除 所 有 状态 信息 ,并 重新 
启动 应 用 程序 域 。 

默认 文件 结构 如 图 9-5 所 示 。 


ET RTE 


A 


Fn 
| 园 钙 册 轧 二 和 


图 9-5 Global. asax 文件 结构 


该 文件 列 出 了 相关 事件 的 代码 框架 ,具体 的 程序 代码 开发 者 可 以 根据 需要 编写 。 

添加 Global. asax 文件 的 方法 是 , 右 击 网 站 主 目 录 ,选择 [添加 新 项 ] 1【 全 局 应 用 程序 
类 】。 不 要 修改 为 别 的 名 称 。 

Global. asax 提供 多 种 事件 ,最 常用 的 是 其 中 的 4 个 事件 ,分 别 是 : 

。 Application_Start: 该 事件 在 应 用 程序 开始 执行 时 发 生 。 

。 Application_End: 该 事件 在 应 用 程序 结束 时 发 生 。 

e Session_Start: 每 当 一 个 新 用 户 访问 应 用 程序 Web 站 点 时 ,该 事件 就 被 触发 。 

e Session_End: 每 当 一 个 用 户 的 会 话 超时 ,结束 或 他 们 离开 应 用 程序 Web 站 点 时 ， 

该 事件 被 触发 。 

论坛 .聊天 室 类 网 站 中 ,一 般 都 有 显示 当前 在 线 人 数 的 功能 ,这 个 功能 的 开发 往往 需 

要 与 全 局 应 用 程序 类 Global. asax 配合 。 


9.3 系统 目录 


ASP.NET 内 设 了 一 些 具 有 特殊 用 途 的 目录 ,以 便 对 某 些 文件 进行 识别 并 进行 特殊 处 
理 。 添 加 的 方式 是 , 右 击 网 站 主 目录 ,在 [添加 ASP. NET 文件 夹 ] 中 进行 选择 。 
下 面 介 绍 常用 的 4 个 系统 目录 。 
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9.3.1 App_Data 目录 


App_Data 目录 是 在 创建 网 站 时 已 经 被 默认 生成 的 , 它 是 ASP. NET 应 用 程序 为 存储 
数据 而 设立 的 目录 ,如 SQL 数据 库 的 MDF 文件 ,Access 数据 库 的 mdb 文件 .XML 文件 
等 ,它们 都 应 该 放 在 这 个 目录 下 ,因为 ASP. NET 会 对 App_Data 下 的 内 容 进行 周密 的 保 
护 。 也 就 是 说 ,外 部 的 用 户 可 通过 浏览 器 浏览 ASP. NET 网 站 中 的 其 他 网 页 ,但 是 , 若 要 
对 App_Data 目录 下 的 内 容 进行 访问 ,就 会 被 拒绝 。 

对 于 网 站 内 部 则 不 受 此 限制 ,各 网 页 均 可 以 通过 程序 自由 地 访问 App_Data 下 的 数 
据 , 将 之 展示 在 网 页 上 。 


9.3.2 Bin 目录 


在 Bin 目录 中 存储 的 是 编译 后 的 程序 集 ,它们 以 DLL 为 扩展 名 。 网 站 内 各 程序 都 可 
以 很 方便 地 引用 该 目录 中 的 程序 集 。 

典型 的 示例 是 ,如 果 自 己 的 网 站 需要 用 到 第 三 方 开发 的 组 件 (一 般 为 . DLL 扩展 名 形 
式 ) ,只 要 将 其 复制 到 这 个 Bin 目录 中 ,这 样 所 有 页 就 都 可 以 使 用 这 个 组 件 了 。 
9.3.3 App_Code 目录 

App_Code 目录 中 存储 的 是 源 代码 ( 即 带 有 .cs 或 . vb 扩展 名 的 文件 ) ,在 运行 时 系统 
将 会 自动 对 这 些 源 代码 进行 编译 。 网 站 中 其 他 任何 代码 都 可 以 访问 产生 的 程序 集 。 

App_Code 目录 的 工作 方式 与 Bin 目录 很 类 似 ,不 同 之 处 是 App_Code 目录 存储 的 是 
未 编译 的 类 的 源 文件 ;Bin 文件 夹 里 存储 的 是 类 库 的 . DLL 文件 ,是 已 经 编译 过 的 类 库 。 
9.3.4 App_Themes( 主题 ) 目录 


该 目录 包含 了 用 于 定义 ASP. NET 网 页 控件 外 观 文件 的 集合 。 在 第 10 章 中 会 详细 
介绍 。 


本 章 小 结 
Web. config 文件 和 Global. asax 文件 是 应 用 程序 中 两 个 非常 重要 的 文件 , Web. config 


文件 主要 包含 整个 网 站 应 用 程序 的 配置 ,而 Global. asax 文件 提供 了 应 用 程序 和 会 话 的 开 
始 及 清除 各 事件 代码 以 及 设置 应 用 程序 整体 的 参数 。 


习题 


1. 填空 题 
(1) 一 个 Web. config 文件 至 少 需要 有 两 个 元 素 ,分 别 是 和 ,网 站 
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大 部 分 的 配置 设置 在 其 中 元 素 内 。 

(2) Web. config 配置 文件 是 标准 的 文档 ,该 文件 可 以 采用 ANSI、UTF-8 或 
Unicode 格式 进行 编码 ,所 有 配置 信息 都 位 于 和 根 标记 之 间 。 

(3) App_Code 文件 夹 一 般 位 于 Web 应 用 程序 的 

(4) 在 ASP.NET 中 支持 x 、None 四 种 身份 验证 。 

2. 简 答 题 


(1) 简要 叙述 Web. config 文件 的 功能 。 

(2) 简要 叙述 Global. asax 文件 的 功能 及 结构 。 

(3) 请 指出 Web. config 文件 的 结构 及 其 特点 。 

(4) 简要 叙述 真实 目录 与 虚拟 目录 之 间 的 联系 和 区 别 。 


3. 操作 题 


(1) 请 创建 一 个 虚拟 目录 ,虚拟 目录 名 字 为 wwwapp。 
(2) 根据 Web. config 文件 结构 ,配置 数据 库 连接 功能 。 


第 10 章 
统一 网 站 风格 


在 Internet 上 很 少 看 到 风格 凌乱 的 专业 网 站 。 同 一 个 网 站 ,即使 由 再 多 的 网 页 组 成 ， 
所 有 的 网 页 也 都 应 该 具有 一 致 的 风格 。 统 一 的 风格 通常 体现 在 以 下 方面 : 

。 一 个 公共 标题 和 整个 站 点 的 菜单 系统 。 

。 页 面 左边 的 导航 条 ,提供 一 些 页 面 导航 选项 。 

。 提供 版 权 信 息 的 页 脚 和 一 个 用 于 联系 网 管 的 二 级 菜单 。 

。 相似 的 色彩 .字体 。 

这 些 元 素 将 显示 在 所 有 页 面 上 ,它们 不 仅 提供 了 最 基本 的 功能 ,而 且 这 些 元 素 的 统一 
风格 也 使 用 户 意识 到 他 们 仍 处 于 同一 个 站 点 内 。 

例如 ,中 国 移动 通信 公司 网 站 中 的 三 个 网 页 就 给 人 一 种 风格 一 致 的 感觉 ,如 图 10-1 
所 示 。 


奔 向 2008 
8 月 8 日 雁 运 名 半 对 一 周年 


(a) 首页 (b) 网 页 1 (0) 网 页 2 
图 10-1 中 国 移动 通信 公司 网 站 
随 着 网 站 功能 的 增强 ,网 站 也 逐渐 变 得 庞大 起 来 。 现 在 一 个 网 站 包括 几 十 、 上 百 个 网 


页 已 是 常事 。 这 种 情况 下 ,如 何 简化 对 众多 网 页 的 设计 和 维护 ,特别 是 如 何 解 决 好 对 一 批 
具有 同一 风格 网 页 界面 的 设计 和 维护 ,就 成 了 比较 普遍 的 难题 。 而 ASP. NET 中 的 母 版 
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2 151. 


页 ,用户 控件 和 主题 技术 ,从 统一 控件 的 外 貌 、 局 部 到 全 局 风格 的 一 致 . 开 发 的 便捷 等 方面 
都 提供 了 最 佳 的 解决 方案 。 


10.1 主题 


主题 (Theme ) 可 以 为 一 批 服务 器 控件 统一 定义 外 貌 。 例 如 ,可 以 一 次 定义 一 批 
TextBox 或 者 Button 服务 器 控件 的 底 色 、 前 景色 等 ,而 不 必 分 别 对 每 个 控件 进行 重复 的 
设置 。 

系统 为 创建 主题 制定 了 一 些 规则 。 这 些 规则 是 : 对 控件 显示 属性 的 定义 必须 放 在 
以 . skin 为 扩展 名 的 皮肤 文件 (也 称 为 外 观 文件 ) 中 ,而 皮肤 文件 必须 放 在 由 开发 者 命名 
的 各 个 “主题 "目录 下 ,所 有 主题 目录 必须 放 在 ASP. NET 的 系统 目录 App_Themes 的 
下 面 。 

App_Themes 目录 下 可 以 放 多 个 “主题 " 目录 ;每 个 “主题 " 目录 下 面 也 可 以 放 多 个 皮 
肤 文件 。 其 结构 如 图 10-2 所 示 。 


三 主题 系统 目录 


国 skinFilel skin 
苹 SkinFile2. skin 
及 skingile3. sk -类 目录 
皮肤 文件 < 。 已 “sp> 主题 目录 
苇 skinFilel skix 


名 SkinFile2 Akin 

缠 sringil2. skin 
可 主题 一 

国 SkinFilel. skin 

计 SkinFile2. skin 


访 SkinFile3. skin 


图 10-2 主题 结构 


10.1.1 使 用 主题 前 要 注意 的 几 个 事项 


(1) 不 是 所 有 的 控件 都 支持 使 用 主题 和 皮肤 定义 外 貌 。 有 的 控件 ( 如 LoginView 、 
User Control 等 ) 不 能 用 skin 文件 定义 。 

(2) 能 够 定义 的 控件 也 只 能 定义 它们 的 外 貌 属性 ,其 他 属性 ( 如 AutoPostBack、Text、 
Enabled 等 ) 不 能 在 这 里 定义 。 

(3) 在 同一 个 主题 目录 下 ,不管 定义 了 多 少 个 皮肤 文件 ,系统 都 会 自动 将 它们 汇总 在 
一 起 生效 。 而 定义 多 个 皮肤 文件 的 好 处 是 便于 设置 的 归纳 整理 。 

(4) 皮肤 文件 应 用 的 外 貌 效果 ,只 有 当 程 序 运行 时 ,在 浏览 器 中 才能 够 看 到 。 在 设计 
阶段 不 会 显示 。 


10.1.2 主题 的 使 用 方法 


1. 定义 主题 
(1) 创建 系统 主题 目录 。 右 击 网 站 主 目录 ,选择 [添加 ASP. NET 文件 夹 ]1【 主题】。 
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将 创建 主题 系统 目录 App_Themes ,并 默认 生成 一 个 “主题 1” 子 目录 (为 便于 讲解 ,这 里 
权 且 使 用 默认 的 名 字 ,但 为 改善 兼容 性 ,建议 实际 开发 时 使 用 英文 标识 命名 ) 。 

(2) 创建 皮肤 文件 。 右 击 子 目 录 * 主 题 1” ,选择 [ 添加 新 项 ] 。 在 弹出 的 【添加 新 项 】 
对 话 框 中 选择 外 观 文件 ( 这 里 使 用 默认 的 名 称 SkinFile. skin) ,然后 单 击 【 添 加】 按钮 ,如 
图 10-3 所 示 。 


添加 新 项 - d:\aspnet\ 


国运 支 和 
同 报 表 向 导 
说 外 现 文件 


要 的 模板 
| 局 搜索 联机 模板 


用 于 定义 AsP. WET 主题 的 文件 
名 称 四 : [Ekiagile skin 
语言 中; [rana ce 


图 10-3 为 主题 添加 新 项 


(主题 目录 下 ,不 仅 可 以 添加 皮肤 文件 ,也 可 以 添加 样式 表 等 其 他 的 描述 文件 。 


(3) 系统 将 会 在 子 目录 “主题 1" 下 创建 一 个 皮肤 文件 SkinFile. skin ,并 自动 在 主 工作 
区 打开 进入 编辑 状态 ( 主题 目录 结构 可 参阅 图 10-2) 。 

(4) 编辑 皮肤 文件 SkinFile. skin。 < %-- 和 --% > 一 对 标签 围 住 的 部 分 是 注释 (建议 
看 看 ,了 解 一 下 相关 知识 ) 。 可 以 在 后 面 加 入 新 行 ,输入 自己 定义 的 控件 外 观 设置 语句 。 

各 种 控件 的 外 观 要 分 别 定义 ,如 TextBox 控件 外 观 .Label 控件 外 观 等 。 控 件 外 观 的 
设置 语句 与 具体 控件 的 源 标 签 格式 极其 相似 ,区 别 有 三 : 

。 控件 外 观 的 设置 语句 只 含有 外 观 属性 ; 

。 控件 外 观 的 设置 语句 不 再 含有 ID 属性 ; 

。 控件 外 观 的 设置 语句 可 选择 是 否 添加 SkinId 属性 , 若 添加 , 则 只 对 部 分 控件 的 外 

观 生效 。 
下 面 即 定义 了 Label 和 TextBox 控件 的 外 观 设 置 (15 ~22 行 ) ,如 图 10-4 所 示 。 
第 一 条 (第 15 ,16 行 ) 的 外 观 设置 对 页 面 上 所 有 的 Label 控件 的 背景 色 、 边 框 宽度 和 


前 景色 产生 作用 。 
第 二 条 (第 18 ,19 行 ) 的 外 观 设置 对 页 面 上 所 有 的 TextBox 控件 的 背景 色 和 前 景色 产 
生 作用 。 


第 三 条 (第 21 ,22 行 ) 的 外 观 设置 虽然 也 针对 TextBox 控件 ,但 是 由 于 添加 了 SkinId 
属性 ,所 以 ,只 对 页 面 中 SkinId 属性 设置 为 “userName” 的 TextBox 控件 生效 。 


(四 皮肤 文件 的 编辑 窗 口中 没有 智能 提示 和 所 见 即 所 得 的 调试 环境 ,如 果 手 工 书写 外 


观 设置 代码 效率 不 高 。 最 好 的 方法 是 ,临时 新 建 一 个 标准 的 网 页 ,从 【工具 箱 】 拖 入 对 应 
控件 ,在 设计 视图 的 属性 窗口 中 进行 设置 ,完成 后 ,切换 到 源 视图 ,把 自动 产生 的 标签 代码 
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文件 外 编 加 四 ”视图 WD 网 站 生成 如 ”调式 0) 数 各 各 ) 
EET 


a 
| 
WR 


图 10-4 定义 了 Label 和 TextBox 控件 的 外 观 设置 
复制 到 皮肤 文件 中 ,再 进行 修改 。 
2. 主题 的 应 用 


如 果 某 个 网 页 需要 应 用 主题 ,可 在 设计 视图 的 【属性 】 窗 口内 ,首先 选择 顶端 的 
DOCUMENT 元 素 ,然后 单 击 Theme 属性 值 的 下 拉 框 国 , 之 px 
前 早已 经 创建 好 的 主题 目录 名 “主题 1” 将 会 列 出 来 ,选择 ”| mwmr & 
“主题 1" 即 可 ,如 图 10-5 所 示 。 cn 加 

这 时 启动 该 网 页 进行 预览 ,可 以 看 到 ,网 页 内 所 有 的 “| Se 
Label 控件 和 TextBox 控件 都 已 经 有 了 主题 所 定义 的 外 | eos， 
观 了 。 ER 

如 果 希 望 网 页 中 某 个 控件 有 着 不 同 的 外 观 , 则 需要 为 该 Em 洁 
控件 设置 SkinId 属性 来 区 分 ,属性 值 要 与 页 主题 (这 里 是 主 硫 膏 
题 1) 皮 肤 文件 中 对 应 类 型 的 控件 的 SkinId 属性 值 对 应 。 

例如 ,图 10-4 中 皮肤 文件 的 第 三 条 (TextBox 控件 外 观 ”图 10-.5 在 网 页 上 应 用 主题 
设置 ) 中 设置 了 SkinId 属性 为 userName。 那 么 ,如 果 应 用 了 
该 主题 的 网 页 中 希望 某 个 TextBox 控件 按 此 外 观 显 示 , 则 这 个 TextBox 控件 也 要 设置 
SkinId 属性 值 为 userName ,如 图 10-6 所 示 。 

图 10-6 对 应 网 页 的 标签 代码 如 下 : 

< asp:Iabel 人 D= "Tabell" runat = "server" Text = "这 是 Label 控件 "> < /asp:Iabel > 


<br/ > 
< asp:TextBag ID= "TextBoxl" runat = "server" > 这 是 TextBox 控 件 < /asp:TextBox > 


<br/> 
< asp: TextBox ID = "TextBg2" runat = "server" SkinID = "userNeme" > 这 也 是 TextBcz 控件 < /asp: 
TExtBax> 
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nternet Explorer 
文件 四 ”编辑 加 ”查看 WD 收 遍 科 工具 中 帮助 四 
@- 昌 ©- 国 国 名 | 去 88B- “和 
地 址 加) | 镜 http://1ocalhost 1452/aspnet/Defant. aspx 站 国 吞 


应 用 主题 1 中 默认 的 Label 控 件 外 观 
应 用 主题 1 中 默认 的 TextBox 控件 外 观 
应 用 主题 1 中 Skinld 为 userName 

的 TextBox 控 件 外 观 


本 地 Intranet 


图 10-6 使 用 SkinId 属性 进行 外 观 的 指定 


3. 将 主题 文件 应 用 于 整个 网 站 


如 果 整 个 网 站 各 网 页 都 要 应 用 主题 ,使 用 上 述 办 法 设置 每 个 网 页 的 DOCUMENT 元 
素 就 太 烦 琐 了 。 为 此 ,可 以 在 根 目 录 下 的 


77 </customErrors> 
--> 


Web. config 中 进行 定义 。 入 TREE | 

配置 的 方法 是 ,在 Web. config 文件 中 找到 | cad tagprerixe "asp" nane 
<pages > 标签 ,为 其 添加 属性 Theme = " 主题 目录 3 contralo Se on 
名 " 即 可 。 5 aaersy 

例如 ,要 将 主题 目录 “主题 1" 应 用 于 网 站 所 图 10-7 在 Web.config 文件 中 设置 
有 页 面 , 在 Web. config 文件 中 的 定义 如 图 10-7 Theme 属性 
所 示 。 


10.2 ”用户 控件 


当 网 站 多 个 网 页 中 包括 有 相同 部 分 的 用 户 界面 时 ,就 可 以 将 这 些 相 同 的 部 分 提取 出 
来 ,做 成 用 户 控件 (User Control) ,以 方便 功能 的 重用 。 这 一 点 与 Dreamweaver 中 * 库 "的 
概念 一 样 。 

与 Visual Studio 的 [工具 箱 ] 中 各 基本 控件 ( 如 TextBox 控件 Label 控件 等 ) 相 比 , 用 
户 控 件 则 是 一 种 自 定义 的 组 合 控件 ,通常 由 基本 控件 组 合 而 成 。 设 计 用 户 控 件 的 方法 与 
制作 一 个 普通 的 ASP. NET 网 页 非常 类 似 。 在 用 户 控件 中 ,不 仅 可 以 为 其 定义 显示 界面 ， 
还 可 以 编写 事件 处 理 代码 。 使 用 的 时 候 ,只 需要 将 已 制作 完 的 用 户 控 件 直接 拖 放 到 网 页 
中 的 相应 位 置 即 可 。 

通过 使 用 用 户 控件 不 仅 可 以 减少 编写 代码 的 重复 劳动 ,还 可 以 使 得 多 个 网 页 的 显示 
风格 一 致 。 还 有 令 开发 者 满意 的 是 ,在 网 页 维护 时 ,只 需要 修改 用 户 控件 文件 本 身 , 则 所 
有 网 页 中 的 用 户 控件 都 会 自动 跟随 更 新 变化 。 

虽然 用 户 控件 本 身 就 相当 于 一 个 小 型 的 网 页 ,然而 与 网 页 相 比 还 是 存在 着 一 些 区 别 ， 
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这 些 区 别 包括 : 
。 用 户 控件 文件 的 扩展 名 为 ascx 而 不 是 aspx。 
。 在 用 户 控 件 中 不 能 青 包 含 <HTML > 、< BODY > 和 <FORM > 等 定义 整体 页 面 
属性 的 HTML 标签 。 这 是 因为 用 户 控件 最 终 需 要 插入 到 网 页 中 合并 成 一 个 整体 
网 页 ,而 上 述 标签 是 不 能 在 一 个 网 页 内 重复 出 现 的 。 
。 用 户 控件 可 以 单独 编译 ,但 不 能 单独 运行 。 只 有 将 用 户 控件 蔡 入 到 . aspx 文件 中 
时 ,才能 随 ASP. NET 网 页 一 起 运行 。 


10.2.1 创建 和 添加 用 户 控件 的 方法 


创建 用 户 控件 的 方法 是 , 右 击 [ 解 决 方案 资源 管理 器 ] 内 网 站 目录 ,选择 [添加 新 项 】， 
在 [添加 新 项 ] 对 话 框 内 选择 [ Web 用 户 控件 】 ,再 单 击 [ 添加] 按钮 。 系 统 自动 打开 新 生 
成 的 “Web 用 户 控 件 " 以 供 编辑 ,编辑 方法 与 普通 的 网 页 一 样 。 

添加 用 户 控 件 的 方法 是 ,从 [解决 方案 资源 管理 器 ] 内 直接 拖 中 用 户 控 件 文件 , 放 到 
主 工作 区 网 页 的 编辑 窗口 内 即 可 。 

下 面 通过 一 个 “网 站 版 权 " 案 例 介绍 一 下 。 


10.2.2 “网 站 版 权 ” 案 例 
1. 案例 说 明 


本 案例 由 一 个 首页 ( 原 内 容 只 有 一 句 话 “ 我 是 首页 中 的 内 容 ”) 和 一 个 用 户 控件 组 成 ， 
用 户 控件 内 容 是 “版 权 所 有 2010 ~2012 ,建议 使 用 800 x600 分 辩 率 观看 本 站 (换行 ) 技 术 
支持 : 微软 学 生 中 心 ”, 单 击 链接 可 转 到 相应 网 站 。 首 页 经 调用 用 户 控件 ,最 终 显示 的 效 
果 如 图 10-8 所 示 。 


文件 人 ) 编辑 时 ) 查看 WW) 收 若 由 ) 工具 CL) 帮助 人 ) 
@-O- 四 站 信 | 女 @ 全 - 怠 团 -加 ”i 纲 - 
地 址 四) | 入 http://1ocalhost:1452/aspnet/Default_ aspx 司 加 和 


我 是 首页 中 的 内 容 
版 权 所 有 2010`2012 ， 建 议 使 用 800x600 分 辩 率 观看 本 站 


图 10-8 首页 调用 用 户 控件 的 显示 效果 
2. 操作 步骤 


(1) 创建 一 个 ASP.NET 网 站 。 
(2) 右 击 [解决 方案 资源 管理 器 】 中 网 站 主 目录 ,选择 [添加 新 项 ] ,在 【添加 新 项 ] 对 
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话 框 内 选择 [ Web 用 户 控 件 】, 将 默认 名 称 WebUserControl. ascx 修改 为 Copyright. ascx， 
再 单 击 [ 添 加 】 按 钮 。 系 统 将 自动 创建 用 户 控件 Copyright. ascx ,并 在 主 工作 区 打开 。 

(3) 切换 到 用 户 控件 Copyright. ascxr 的 设计 视图 , 单 击 菜单 中 的 [ 表 】 人 [插入 表 】, 创 
建 一 个 一 行 一 列 .背景 色 为 淡 绿 色 的 表格 。 单 元 格 居中 。 

从 【工具 箱 】 拖 入 一 个 Label 控件 和 一 个 HyperLink 控件 。 通 过 【属性 】 窗口 设置 
Label 控件 的 Text 属性 为 “版 权 所 有 2010 ~2012 ,建议 使 用 800 x600 分 辩 率 观看 本 站 ”; 
设置 HyperLink 控件 的 ID 值 为 hkSupport。 设 计 效 果 如 图 10-9 所 示 。 


版 权 所 有 2010~2012 ， 建 议 使 用 800x 600 分 辩 率 观看 本 站 
HyperLink 


图 10-9 用户 控件 Copyright. ascx 设计 效果 


(4) 双击 该 页 面 空 白 处 ,在 代码 页 载 和 事件 protected void Page_Load( object sender， 
EventArgs e) 一 对 大 括号 | | 之 间 输 入 下 面 的 程序 代码 : 

hikSupport.Text = "技术 支持 : 微软 学 生 中 心 "; 

hlkSupport.NevigateUrl = "http://ww.msuniversity.edi.an/"; 

(5) 双击 打开 [解决 方案 资源 管理 器 ] 中 的 Default. aspx 网 页 ,切换 到 设计 视图 ,输入 
文字 “我 是 首页 中 的 内 容 " ,再 从 [解决 方案 资源 管理 器 】 中 将 用 户 控件 文件 因 coriae se 拖 
过 来 放 到 下 一 行 的 位 置 。 

(6) 启动 Default. aspx 页 , 即 得 到 如 图 10-8 所 示 效 果 。 


3. 相关 知识 点 


1) 用 户 控 件 的 使 用 

用 户 控 件 能 在 同一 网 站 应 用 程序 中 共享 。 就 是 说 ,多 个 网 页 中 可 以 使 用 相同 的 用 户 
控件 ,而 每 一 个 网 页 可 以 使 用 多 种 不 同 的 用 户 控 件 。 一 个 建议 就 是 ,如 果 一 个 网 页 中 需要 
使 用 多 个 用 户 控件 时 ,最 好 先进 行 布局 ,然后 再 将 用 户 控件 分 别 拖 到 相应 的 位 置 。 

在 设计 阶段 ,有 的 用 户 控 件 并 不 会 充分 展开 ,而 是 被 压缩 成 小 长 方形 ,此 时 它 只 起 占 
位 的 作用 。 程 序 运 行 时 才 会 自动 展开 。 

用 户 控件 与 标准 aspx 网 页 非常 类 似 ,查看 用 户 控件 Copyright. ascx 的 【 源 ] 视图 , 代 
码 如 下 : 


< % @ Control Ianguage = "C#" AutcEventWirep = "true" CodsFile = "Copyright.ascx.cs" Inherits=" 
Copyrightl"% > 
< style type = "text/css" > 
.stylel 
{ 
Width: 100% 了 
} 
</style> 
< table align= "oenter" bgoolor = "$99FF66" class = "stylel" > 
< 
< tdalighn= "osnter"> 
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< asp:Iabel ID= "Tabell" runat = "server" Text = "版 权 所 有 2010 ~ 2012, 建 议 使 用 800 


* 600 分 辩 率 观看 本 站 "> < /asp:Iabel > 
<br/> 
< asp:HyperLink ID = "hlkSupport" runat = "server" > HyperLink < /asp:HyperLink > 
< /td> 
Tr> 
< /table> 


可 以 看 到 ,代码 中 没有 标准 aspx 网 页 那么 多 的 结构 标签 ,如 < html > 、< head > 、 
<body > 、<form > 等 ,需要 显示 的 具体 内 容 直 接 放 在 <% @ Control Language ="C#" 
AutoEventWireup =" true" CodeFile =" copyright. ascx. cs” Inherits = " copyright" % > 之 后 
就 可 以 了 。 

另外 ,用 户 控 件 也 支持 各 种 事件 程序 的 编写 。 

2) 代码 分 析 

调用 用 户 控件 的 网 页 是 什么 样子 呢 ? 打开 Default. aspx 网 页 的 【 源 】 视 图 ,可 以 看 见 
用 户 控 件 的 相关 代码 如 下 : 


< %@ Page Ianguage = "C#" AutcEventWirep = "true" CodeFile = "Defanlt.aspx.cs" Inherits=" Default" 
> 


< %@ Register src= "Copyright .ascx" tagname = "Copyright" tagprefix= "ucl"g > 


< !IDOCTYPE html FUBLIC " - //WBC//DID XHTML 1.0 Transiticnal//EN" “http://ww.w3.org/IR/xhtmll/DID/ 
xhtmll - transitional .dtd" > 
< html xmlns = "htbp://www.w3.org/1999/xhtml" > 
< head runat = "server" > 
< title > 无 标题 页 < /title> 
< /head > 
<body > 
< fom id= "foml" runat = "server" > 
<div> 
我 是 首页 中 的 内 容 <br/ > 
< uclL:Copyright ID= "Copyright1" runat = "server"/ > 
</div> 
< /fom> 
< /body > 
< jhtml > 


代码 中 粗 体 为 用 户 控件 的 相关 部 分 。 其 中 语句 : 

< $@ Register src= "Copyright.asce" tagnare = "Copyright" tagprefix= "ucl" % > 

代表 在 . aspx 中 注册 用 户 控件 。 语 句 中 各 个 标记 的 含义 如 下 : 

。 TagPrefix : 代表 用 户 控件 的 命名 空间 (这 里 是 ucl ) , 它 是 用 户 控件 名 称 的 前 级 。 


如 果 在 一 个 . aspx 网 页 中 使 用 了 多 个 用 户 控件 ,而 且 在 不 同 的 用 户 控件 中 出 现 了 
控件 重 名 的 现象 时 ,命名 空间 是 用 来 区 别 它们 的 标志 。 
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。 TagName: 是 用 户 控件 的 名 称 , 它 与 命名 空间 一 起 来 唯一 标识 用 户 控件 ,如 代码 中 
的 Copyright。 

。 Src: 用 来 指明 用 户 控件 的 路 径 。 

语句 : 


< ucl:Copyright D= "Copyrightl" rnat = "server"/ > 


即 是 用 户 控件 本 身 的 标签 。 

3) 将 普通 ASP. NET 网 页 转换 为 用 户 控件 

在 实际 开发 工作 中 ,可 能 会 遇 到 希望 将 已 经 制作 好 的 普通 网 页 转换 成 为 可 重用 的 控 
件 的 情况 ,这 时 ,就 可 以 将 其 转换 为 用 户 控件 来 实现 。 由 于 两 者 原本 采用 的 技术 就 非常 相 
似 , 所 以 只 需要 做 一 些 较 小 的 改动 即 能 将 普通 的 ASP. NET 网 页 改变 为 用 户 控 件 。 

由 于 用 户 控件 必须 嵌 套 于 网 页 中 运行 ,因此 在 用 户 控 件 中 就 不 能 包括 < html > 、 
<body > 和 < form > 等 结构 标签 , 否则 将 会 产生 代码 重复 的 错误 。 转 换 中 必须 移 除 窗 体 
页 中 的 这 些 标记 。 除 此 以 外 ,还 必须 在 Web 窗 体 页 中 将 ASP. NET 指令 类 型 从 @Page 更 
改 为 @Control。 

具体 转换 的 步骤 如 下 : 

(1) 在 .cs 代码 文件 中 ,将 类 的 基 类 从 Page 更 改 为 UserControl 类 。 这 表明 用 户 控件 
类 是 从 UserControl 类 继承 的 。 

例如 ,在 网 页 中 ,车 有 类 welcome 是 从 Page 类 继承 的 , 它 的 语句 如 下 : 


Public partial class welome: System.Web.UI.Page 
现在 要 改 为 从 UserControl 类 继承 ,语句 如 下 : 
Public partial class welcome: System.WEb.UI.UserControl 


(2) 在 ASPX 文件 中 删除 所 有 <html > 、<head > 、<body > 和 <form > 等 标记 。 

(3) 将 ASP.NET 网 页 源 视图 中 的 指令 类 型 从 @Page 更 改 为 @Control。 

(4) 更 改 CodeFile 属性 来 引用 控件 的 代码 文件 (ascx. cs) 。 

(5) 将 .aspx 文件 扩展 名 更 改 为 . ascx。 

可 以 通过 创建 同名 的 ASP. NET 网 页 和 用 户 控件 (如 test. aspx 和 test. ascx ) ,对 比分 
析 学 习 。 


10.3 母 版 页 


也 可 以 通过 母 版 页 + 内 容 页 的 方式 创建 网 页 。 母 版 页 (Master Page ) 的 作用 类 似 于 
Dreamweaver 中 的 “模板 ”。 它 可 以 为 网 站 中 的 各 网 页 创建 一 个 通用 的 框架 和 外 观 。 在 母 
版 页 中 也 可 以 放 入 标准 控件 并 编写 相应 的 代码 ,同时 还 给 各 内 容 页 留 出 一 处 或 多 处 的 
“自由 空间 ”。 

举 个 例子 来 说 ,就 像 婚纱 影楼 中 的 婚纱 模板 ,同一 个 婚纱 模板 可 以 给 不 同 的 新 人 用 ， 
只 要 把 新 人 的 照片 贴 在 已 有 的 婚纱 模板 中 就 可 以 形成 一 张 漂亮 的 婚纱 照片 ,这 样 可 以 大 
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大 简化 婚纱 艺术 照 的 设计 复杂 度 ,提高 生产 效率 。 这 里 的 母 版 页 就 像 婚 纱 模板 ,而 内 容 页 
就 像 新 人 的 照片 。 

母 版 页 和 内 容 页 的 制作 方法 与 普通 网 页 大 致 是 一 样 的 ,但 是 利用 这 种 方式 可 以 高 效 
创建 一 大 批 风格 相同 的 网 页 。 当 然 , 也 可 以 为 一 个 网 站 设置 多 个 母 版 页 ,以 满足 各 栏目 不 
同 显示 风格 的 需要 。 

母 版 页 文件 以 . master 作为 扩展 名 。 

内 容 页 与 普通 ASP. NET 网 页 一 样 , 也 是 以 . aspx 作为 扩展 名 。 

用 户 只 能 访问 内 容 页 (此 时 ,系统 自动 将 内 容 页 与 母 版 页 组 合 在 一 起 ) , 而 不 能 访问 
母 版 页 。 正 如 前 面 的 例子 ,新 人 只 能 领取 自己 的 婚纱 照片 ,不 能 将 婚纱 模板 带 走 。 


10.3.1 母 版 页 的 创建 与 结构 


应 该 先 创建 母 版 页 ,后 创建 内 容 页 。 

选择 [添加 新 项 ] 窗口 中 的 [ 母 版 页 ] 即 可 创建 一 个 扩展 名 为 . master 的 母 版 页 。 它 的 
使 用 跟 普 通 的 页 面 一 样 , 既 可 以 在 设计 视图 中 进行 可 视 化 的 设计 ,也 可 以 在 代码 页 中 编写 
程序 代码 。 

与 普通 网 页 不 一 样 的 是 : 

(1) 它 可 以 包含 ContentPlaceHolder 控件 (默认 系统 就 已 经 放置 了 一 个 )， 
ContentPlaceHolder 控件 就 是 可 以 显示 内 容 页 面 的 区 域 。 

ContentPlaceHolder 控件 的 源 标签 代码 为 : 

< asp:ContentPlaceHplder id= "ContentPlacsHplderl" runat = "server" > 

< /asp:ContentPlaceHplder > 

若是 需要 多 于 一 个 的 内 容 页 面 区 域 ,可 以 从 【工具 箱 】 向 母 版 页 内 继续 添加 
ContentPlaceHolder 控件 。 

如 图 10-10 所 示 ,就 是 一 个 设计 好 了 的 母 版 页 ( 内 含 一 个 ContentPlaceHolder 控件 ) 。 

(2) 母 版 页 页 首 的 声明 指示 符 是 * < % @ Master…%>" ,而 非 * <% @Page…%>”。 
如 下 所 示 : 


<$% @ Master Ianguage = "C#" AittcEventWirep = "true" CodeFile = "MasterPage.master.cs" Inherits=" 
MasterPage" $ > 
10.3.2 内容 页 的 创建 与 结构 


创建 内 容 页 与 创建 普通 ASP. NET 网 页 大 体 一 样 ,只 是 在 [添加 新 项 】 对 话 框 内 选择 
建立 [ Web 窗 体 ] 的 时 候 ,一 定 要 选中 [选择 母 版 页 ] 复 选 框 ,如 图 10-11 所 示 。 这 样 建立 
的 网 页 才 是 内 容 页 。 

单 击 [ 添 加 ] 按 钮 后 ,在 随后 弹出 的 [选择 母 版 页 】 对 话 框 内 选择 对 应 的 母 版 页 即 可 。 

人 有 一 种 添加 内 容 页 的 方法 ,就 是 在 编辑 母 版 页 时 , 右 击 ContentPlaceHolder 控 


件 ,在 弹出 的 快捷 菜单 中 选择 [添加 内 容 页 】。 
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图 10-11 创建 内 容 页 


内 容 页 在 编辑 时 ,会 与 母 版 页 一 同 显示 ,但 是 母 版 页 的 部 分 会 以 水 印 淡 化 的 形式 显示 
出 来 ,并 不 可 编辑 。 

图 10-12 所 示 即 是 编辑 内 容 页 的 效果 。 

在 编辑 内 容 页 时 ,输入 的 内 容 信息 实际 是 保存 在 内 容 页 的 Content 控件 标签 内 的 。 


<$@ Page Language = "C#" MasterPageFile = "~ /MasterPage .master" 
RuitcEventtireup = "true" CodeFile = "Jeam.aspx.cs" Inherits= "leam" Title = "无 标题 页 "% > 
<asp:Contert D= "Contentl" QntentPlaoeHolderID= "head" Ronat = "Server" > 
< /asp:Content > 
<asp:Cbntbert D= "Content2" ConbentElacetplcerID= "CbntentPlacetplcerln Rrat = "Server" > 
<p> 机 . -NET 设计 模式 系列 文章 232241) < /p> 
// 一 -中 间 省 略 -… 
<p> #6. Enterprise Library 系列 文章 回顾 与 总 结 (85532) < /p> 
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图 10-12 编辑 内 容 页 的 效果 


< /asp:Content > 


上 面 代码 中 几 处 加 粗 的 部 分 请 注意 : 

(1) 这 里 的 声明 指示 符 中 多 了 一 项 MasterPageFile =" ~/MasterPage. master" , 这 一 
项 是 在 创建 内 容 页 时 根据 [选择 母 版 页 ] 复 选 框 的 选中 情况 生成 的 。 它 指明 了 该 页 是 内 
容 页 ,同时 指出 它 对 应 的 母 版 页 是 哪个 页 面 。 

(2)“ <asp:Content… > ”中 的 内 容 就 是 要 显示 的 内 容 。 

(3) 内 容 页 <asp:Content… > 标签 中 的 ContentPlaceHolderID 属性 值 要 与 母 版 页 中 
ContentPlaceHolder 控件 的 ID 属性 值 相对 应 。 这 样 ,系统 才 知道 将 此 内 容 区 显示 到 母 版 
页 的 何 处 (因为 母 版 页 中 可 以 添加 多 个 ContentPlaceHolder 控件 ) 。 

(4) 母 版 页 中 包含 多 少 个 ContentPlaceHolder 控件 ,那么 内 容 页 中 就 必须 要 设置 多 少 
个 Content 控件 。 


10.3.3 母 版 页 的 工作 机 制 


母 版 页 定义 了 所 有 基于 该 页 面 的 网 页 使 用 的 风格 。 它 是 页 面 风格 的 最 高 控制 ,指定 
了 每 个 页 面 上 的 标题 应 该 多 大 .导航 功能 应 该 放置 在 什么 位 置 ,以 及 在 每 个 页 面 的 页 脚 中 
应 该 显示 什么 内 容 (类 似 将 各 页 面 按 功 能 进行 形状 切割 ) 。 母 版 页 面包 含 了 一 些 可 用 于 站 
点 中 所 有 网 页 的 内 容 , 如 所 有 可 以 在 这 里 定义 标准 的 版 权 页 脚 ,站 点 顶部 的 主要 图 标 等 。 一 
且 定 义 好 母 版 页 的 标准 特性 之 后 , 接 下 来 将 添加 一 些 内 容 占 位 符 ( ContentPlaceHolder) ,这 
些 内 容 占 位 符 将 包含 不 同 的 页 面 。 

每 个 内 容 页 都 以 母 版 页 为 基础 ,开发 人 员 将 在 内 容 页 中 为 每 个 网 页 添加 具体 的 内 容 。 
内 容 页 可 以 包含 文本 ,标签 和 服务 器 控件 。 当 某 个 内 容 页 被 浏览 器 请 求 时 ,该 内 容 页 将 和 
它 的 母 版 页 组 合成 一 个 虚拟 的 完整 的 网 页 (在 母 版 页 中 特定 的 占 位 符 中 包含 进 内 容 页 的 
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内 容 ) ,然后 将 完整 的 网 页 发 送 到 浏览 器 ,工作 机 制 如 图 10-13 所 示 。 


按 内 容 页 的 名 字 
请 


网 页 
( 


母 版 页 不 能 被 浏览 器 单独 调用 查看 。 只 能 在 浏览 内 容 页 时 被 合并 调用 。 
如 果 要 编辑 母 版 页 , 除 可 以 在 【解决 方案 资源 管理 器 】 窗口 中 双击 打开 它 进 行 编辑 
外 ,还 可 以 在 内 容 页 中 ,以 右 击 鼠标 选择 [ 编辑 主 表 ) 的 方式 打开 对 应 的 母 版 页 进行 编辑 。 


10.3.4 将 已 建成 的 网 页 放 入 母 版 页 中 


如 果 以 前 已 经 做 好 了 一 些 网 页 ,现在 要 将 它们 改 为 内 容 页 ,可 以 通过 手工 方法 增加 或 
更 改 某 些 代码 的 方式 实现 。 

为 了 将 已 经 建成 的 普通 ASP. NET 网 页 嵌入 母 版 页 中 ,需要 : 

(1) 打开 已 建成 的 网 页 ,进入 它 的 [ 源 】 视 图 ,在 页 面 指示 语句 中 增加 与 母 版 页 的 联 
系 。 为 此 , 需 增 加 以 下 属性 ,其 中 “MasterPageFile = " ~/MasterPage. master" "代表 母 版 页 
名 。 例 如 : 

< %Q@ Page Ianguage = "Ch" MasterPageFile = "~ /vasterpage master"nitcEventWirep = "tmue > 

(2) 由 于 在 母 版 页 中 已 经 包含 有 html .head ,body 和 form 等 标记 ,因此 在 网 页 中 要 删 
除 所 有 这 些 标记 ,以 避免 重复 。 

(3) 在 剩 下 内 容 的 前 后 两 端 加 上 Content 标记 ,并 增加 Contentr 的 ID 属性 .Runat 属性 
及 ContentPlaceHolderId 属性 。ContentPlaceHolderId 属性 的 值 (这 里 是 ContentPlaceHoldel ) 
应 该 与 母 版 页 中 的 ContentPlaceHolder 控件 ID 值 相同 。 修 改 后 的 语句 结构 如 下 : 


< asp:Content ID= "Contentl" ContentPlaceHplderID = "ContentPlacsHplderl" Rmat = "Server" > 


| 
返回 合成 页 面 


图 10-13 母 版 页 工作 机 制 


< /asp:Content > 


就 是 说 修改 后 的 代码 中 除 页 面 指 示 语 句 以 外 ,所 有 语句 都 应 放置 在 < asp:Content… > 
与 </asp:Content > 之 间 。 


10.3.5 “学 习 资 源 网 页 ”案例 
本 案例 制作 的 网 页 是 由 两 个 网 页 合成 的 ,一 个 是 共用 的 母 版 页 ( 名 为 MasterPage 


第 10 章 统一 网 站 风格 全 
售 


. master, 包 含 上 方 的 草原 图 片 和 左 侧 登 录 框 ) , 另 一 个 是 具体 的 内 容 页 ( 名 为 article. aspx， 
包含 中 间 的 工具 图 片 和 超 链接 文字 ) ,浏览 时 输入 的 是 内 容 页 的 网 址 (article. aspx ) ,显示 
则 为 合成 页 的 效果 (MasterPage. master + article. aspx) ,如 图 10-14 所 示 。 


文件 口 ”三 柱 G) 查看 W) 收藏 (6) 工具 (D 帮助 
[A -OB Rl | 
三 证 gjj| 因 htp:/hocahost:149slaspnetjartde .aspx | 回 # | 人 > 


a 


NET 开 发 资源 站 点 和 部 分 优秀 NET 开 源 项 目 
03 应 > 见 3 


图 10-14 调用 内 容 页 实际 显示 效果 


具体 操作 步骤 如 下 。 

1) 创建 母 版 页 

(1) 创建 ASP.NET 网 站 。 

(2) 右 击 [解决 方案 资源 管理 器 ] 中 网 站 目录 ,在 弹出 的 快捷 菜单 中 选择 [添加 新 
项 ] ,在 弹出 的 对 话 框 中 选择 【 母 版 页 】 ,并 使 用 默认 名 称 “ MasterPage. master” ( 可 改名 ， 
但 扩展 名 不 能 改 ) ,然后 单 击 【 添 加】 按钮 ,系统 创建 该 页 口 mstersoemaser, 并 在 工作 区 自动 
打开 。 

(3) 切换 到 设计 视图 , 可 以 看 到 在 界面 中 出 现 一 个 ContentPlaceHolder- 
ContentPlaceHolderl 方形 窗口 ,这 个 方形 窗口 是 配置 网 页 的 地 方 。 应 先 对 网 页 进行 布局 ， 
然后 再 将 这 个 窗口 移动 到 合适 的 地 方 。 

选择 菜单 [布局 ]1【 插 入 表 】 ,在 【插入 表 】 对 话 框 中 选择 [模板 】, 然 后 在 下 拉 列 表 中 
选择 [ 页 眉 和 边 样式 ,然后 单 击 【 确 定 】 按 钮 生成 布局 表格 。 

(4) 单 击 表 格 右 下 角 的 空间 ,在 [属性 ] 窗 口中 将 它 的 VAlign 属性 设置 为 Top ,再 将 
ContentPlaceHolder 拖 入 到 右 下 角 的 窗口 中 。 

(5) 分 别 选 择 左 下 角 的 空间 和 上 边 的 空间 ,输入 相应 图 片 和 控件 等 ,并 调整 好 位 置 。 

(6) 由 此 形成 的 母 版 页 如 图 10-15 所 示 。 

2) 创建 内 容 页 

(1) 右 击 母 版 页 ContentPlaceHolder 窗口 ,选择 [添加 内 容 页 】 ,系统 自动 生成 一 个 新 
的 内 容 页 (本 例 中 名 为 Default2. aspx) ,并 自动 打开 。 

(2) 在 [解决 方案 资源 管理 器 ] 中 修改 内 容 页 名 称 为 article. aspx”。 
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图 10-15 ” 母 版 页 示例 


(3) 切换 到 内 容 页 的 设计 视图 ,在 ContentPlaceHolder 窗口 的 内 容 区 中 输入 信息 ,如 
图 10-16 所 示 。 


10-16 ”为 内 容 页 输入 信息 


(4) 在 [解决 方案 资源 管理 器 】 中 右 击 内 容 页 article. aspx ,选择 [ 设 为 起 始 页 】 ,然后 
单 击 启动 按钮 襄 |, 即 显示 预期 效果 。 
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10.4 母 版 页 与 内 容 页 在 程序 中 对 相互 控件 的 调用 


(1) 在 母 版 页 中 编写 后 台 代 码 ,访问 母 版 页 中 的 控件 : 与 普通 的 aspx 页 面 一 样 , 双 击 
按钮 即 可 编写 母 版 页 中 的 代码 。 

(2) 在 内 容 页 中 编写 后 台 代码 ,访问 内 容 页 中 的 控件 : 与 普通 的 aspx 页 面 一 样 ,双击 
按钮 即 可 编写 内 容 页 中 的 代码 。 

(3) 在 内 容 页 中 编写 代码 访问 母 版 页 中 的 控件 : 在 内 容 页 中 有 个 Master 对 象 , 它 是 
MasterPage 类 型 , 它 代 表 当 前 内 容 页 的 母 版 页 。 通 过 这 个 对 象 的 FindControl 方法 ,可 以 
找到 母 版 页 中 的 控件 ,这 样 就 可 以 在 内 容 页 中 操作 母 版 页 中 的 控件 了 。 

TExtBax txt = (TextBox) (MasterPage)Master) .Findpontrol ("txtMaster"); 

tt Text = this.txtomntentl .Text; 

(4) 在 母 版 页 中 访问 内 容 页 的 控件 : 在 母 版 页 中 可 以 通过 在 ContentPlaceHolder 控 
件 中 调用 FindControl 方法 来 取得 控件 ,然后 对 控件 进行 操作 。 

((IextBox)this.ContentPlaceHolderl .Findcontrol ("txtontent1") ) .Text = 

this.txtMaster.Text; 


本 章 小 结 


为 了 使 得 网 站 中 一 批 网 页 的 显示 风格 保持 一 致 ,ASP. NET 提供 了 主题 ,用户 控件 和 
母 版 页 技术 。 主 题 .用 户 控件 和 母 版 页 虽然 都 是 对 控件 显示 的 定义 ,但 是 它们 定义 的 层次 
和 影响 的 范围 不 同 。 

主题 是 利用 皮肤 文件 对 一 批 单个 控件 显示 的 定义 ,皮肤 文件 必须 放 在 主题 目录 之 下 ， 
而 主题 目录 又 必须 放 在 专用 目录 App_Themes 之 下 。 用 户 控 件 与 母 版 页 都 是 由 设计 者 自 
行 创建 的 组 合 控 件 , 用 户 控 件 只 能 作用 于 网 页 的 局 部 ,而 母 版 页 是 对 整体 布局 的 定义 。 

恰当 地 将 三 者 结合 ,就 可 以 使 网 站 的 多 个 网 页 之 间 , 从 单个 控件 到 局 部 ,再 到 整体 布 
局 方面 在 显示 风格 上 取得 一 致 。 


习题 


1. 填空 题 


(1) 皮肤 文件 是 以 . skin 为 扩展 名 的 文件 ,用 来 定义 的 样式 。 

(2) 下 面 是 一 段 皮肤 文件 中 的 定义 : 

< asp:TextBox BackColor = "Orange" ForeColor = "DarkGreen" Runat = "server"/ > 

代码 将 服务 器 控件 的 底 色 定 义 为 色 , 将 控件 中 的 字符 定义 为 
色 。 


全 ASP.NET 动态 网 站 开发 教程 
二 


下 面 是 ASPX 网 页 中 的 一 段 代 码 : 


< SQ@Register TagPrefix= "ucl" TagNEme= "WEEUSeroontroll" Src= "WEEUSercontroll.asce% > 


其 中 ucl 字符 串 代 表 。 
2. 选择 题 
(1) 当 一 种 控件 有 多 种 定义 时 : 用 ( ) 属性 来 区 别 它 们 的 定义 。 

A. ID B. Color C. BackColor D. SkinID 
(2) 用 户 控 件 是 扩展 名 为 ( ) 的 文件 。 

A. master B. asax C. aspx D. ascx 
(3) 母 版 页 是 扩展 名 为 ( ) 的 文件 。 

A. master B. asax C. aspx D. ascx 


下 面 是 ASPX 网 页 中 的 一 段 代码 : 


< $@ Page Ianguage = "C#" MasterPageFile = " ~ /MasterPage.master" 
ArtcEventWireap=".."> 


其 中 MasterPage. master 代表 ( a 


A. 母 版 页 的 路 径 B. 用 户 控件 的 路 径 
C. 用 户 控件 的 名 字 D. 母 版 页 的 名 字 
3. 判断 题 


(1) 利用 主题 可 以 为 一 批 服务 器 控件 定义 样式 。 ) 
(2) 主题 目录 必须 放 在 专用 目录 App_Themes 的 下 面 。 a 目 


录 下 面 。 ( ) 
(3) 用 户 控 件 是 一 种 自 定义 的 组 合 控 件 。 ( ) 
(4) 用 户 控 件 不 能 在 同一 应 用 程序 的 不 同 网 页 间 重 用 。 ( ) 
(5) 使 用 母 版 页 是 为 了 多 个 网 页 在 全 局 的 样式 上 保持 一 致 。 ( ) 
4. 简 答 题 
(1) 为 了 保持 多 个 网 页 显示 风格 一 致 ,ASP. NET 中 使 用 了 哪些 技术 ? 每 种 技术 是 如 
何 发 挥 作用 的 ? 


(2) 简 述 将 ASPX 网 页 转换 成 用 户 控件 的 方法 。 
(3) 简 述 将 已 经 创建 的 ASPX 网 页 放 进 母 版 页 的 方法 。 


5. 操作 题 
将 主题 .用 户 控件 及 母 版 页 技术 相 结 合 创 建 风格 一 致 的 多 个 网 页 。 
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为 了 身份 验证 一 登录 控件 


网 站 中 的 内 容 并 非 全 部 大 家 共享 ,部 分 网 页 服务 是 针对 特定 用 户 使 用 的 。 那 么 ,大 家 
都 是 通过 浏览 器 上 网 ,又 怎么 区 别 这 些 浏览 者 中 哪 位 是 特定 用 户 呢 ? 解决 的 办 法 就 是 身 
份 验证 。 例 如 网 易 的 邮箱 用 户 , 如 果 要 进入 自己 的 信箱 ( 非 大 家 共享 的 内 容 ) ,需要 进行 
输入 用 户 名 和 密码 进行 登录 的 操作 ,正确 了 才 允 许 进入 ,如 图 11-1 所 示 。 


OW 


126 和 登录 网 易 126 免 费 邮 ( 执 育 站 登录 通 首 
还 没有 网 易 126 免 费 邮 ? 用 户 各 @126.com 
区 也 本 | 密 到 证 i 密 到 7? 
直 版 本 [一下 一 太一 司 着 到 4.0 
网 易 126 特 浏 扒 其 网 在 此 电 入 上 记 信 月 户 各 
夏 邮箱 们 但 国 随身 邮 网 SSLS 全 号 录 
| = 到 | 
+ 直 再 万 用户 安装 司 遇 竟 费 示 这 司 几 ， 癌 是 JU 党 可 祖 困 计 1200 矿 ”注册 简历 ,等 基 落 交 找 你。 >> 


县 看 动态 
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后 直 Dj| 包 ] tpsiinat125.comy 


136 财 徐闻 | 163 箱 | 帮助 | 同 首 页 


你 知道 这 对 数据 加 ? 
网 昌 邮 荐 精 从 过 嘴 超 过 95%% 的 过 击 邮 件 >> 
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图 11-1 网 易 信箱 用 户 登 录 进 行 身份 验证 


这 就 是 一 个 典型 的 身份 验证 。 与 登录 功能 配套 的 还 有 注册 恢复 密码 ,修改 密码 、 退 


出 登录 等 功能 。 


11.1 概述 


因特网 (Internet) 虽 然 是 一 个 面向 全 球 的 开放 型 网 络 系统 ,然而 其 中 有 些 网 页 并 不 是 
对 所 有 用 户 都 无 条 件 开 放 的 ,例如 : 
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(1) 一 些 用 于 网 站 后 台 管理 的 网 页 只 能 允许 网 站 管理 员 进 入 ; 

(2) 有 些 网 站 设立 的 收费 项 目 , 只 对 那些 进行 了 注册 并 交纳 了 费用 的 用 户 开 放 ; 

(3) 有 些 商业 网 站 实行 “会 员 制 ", 只 有 经 过 注册 的 会 员 , 才 有 权 参 加 某 些 商业 活动 ; 

(4) 一 些 远程 教育 网 站 允许 学 生 查 阅 自己 的 成 绩 但 不 允许 修改 成 绩 。 

类 似 的 情况 还 可 以 列 出 很 多 ,这 些 情况 给 网 站 的 设计 提出 了 新 的 要 求 , 即 为 了 网 站 的 
合法 权益 和 安全 ,必须 对 某 些 特定 的 网 页 实施 保护 ; 当 用 户 进 入 网 站 时 要 进行 身份 验证 ， 
并 在 验证 的 基础 上 授权 。 这 里 涉及 的 三 个 词语 也 可 这 样 理解 : 


身份 一 我 是 谁 ; 
身份 验证 一 一 这 就 是 我 ; 
授权 一 一 这 是 我 能 做 的 。 


作为 一 个 动态 网 站 ,这 种 身份 验证 功能 已 经 成 为 设计 中 必 不 可 少 的 部 分 。 
11.2 身份 验证 也 有 别 


11.2.1 身份 验证 的 四 种 方式 


ASP. NET 中 支持 None ,Form .Windows .Passport 四 种 方式 进行 身份 验证 ,含义 如 下 : 

(1) None: 不 进行 授权 与 身份 验证 。 

(2) Form: 基于 Cookie 的 身份 认证 机 制 ,可 以 自动 将 未 经 身份 验证 的 用 户 重 定向 到 
“登录 网 页 ” ,只 有 登录 成 功 后 , 方 可 查看 受 限 网 页 的 内 容 。 

Cookie( 或 Cookies) 在 英文 中 是 小 甜品 的 意思 ,食品 怎么 会 跟 浏览 器 扯 上 关系 呢 ? 在 
用 户 x x 浏览 以 前 登录 过 的 网 站 时 ,可 能 会 在 网 页 中 出 现 :“ 你 好 x x 性感 觉 很 亲切 ( 因 
为 网 站 记 住 了 自己 ) ,就 好 像 是 吃 了 一 个 小 甜品 一 样 。 

这 其 实 是 网 站 通过 访问 用 户主 机 里 的 一 个 小 文本 文件 来 实现 的 (当然 ,这 个 文件 是 
由 网 站 上 一 次 保存 下 来 的 ) ,因此 这 个 文件 也 就 被 称 为 了 Cookie。Cookie 是 某 些 网 站 为 
了 辨别 用 户 身份 而 储存 在 用 户主 机 上 的 数据 (通常 经 过 加 密 ) ,用 户 可 以 改变 浏览 器 的 设 
置 来 开启 或 者 禁用 Cookie。 

若 要 查看 保存 到 本 机 的 Cookie, 可 以 选择 Internet Explorer 浏览 器 的 【工具 】1 
【Internet 选项 ] 1 【常规 ] 1 【设置 ] 1 【查看 文件 】]。 这 些 文件 通常 是 以 Cookie: User @ 
Domain 格式 命名 的 ,user 是 本 机 用 户 名 ,domain 是 所 访问 网 站 的 域名 。 例 如 : Cookie: 
tailwind @ open. taobao. com 。 

(3) Windows: 基于 Windows 的 身份 验证 ,适合 于 在 企业 内 部 Intranet 站 点 中 使 用 。 
要 使 用 这 种 验证 方式 ,必须 在 IS ( Microsoft Internet 信息 服务 ) 中 先 禁用 匿名 访问 ,才能 
由 IIS 本 身 来 执行 身份 验证 工作 。 

(4) Passport: 通过 Microsoft 的 集中 身份 验证 服务 执行 。 这 种 认证 方式 适合 跨 站 应 
用 , 即 用 户 只 需 一 个 用 户 名 及 密码 就 可 以 访问 任何 成 员 站 点 。 使 用 Passport 验证 需要 安 
装 Passport 软件 开发 工具 包 进 行 二 次 开发 。 

具体 让 一 个 ASP. NET 网 站 使 用 哪 一 种 验证 方式 ,是 通过 配置 Web. config 文件 内 
authentication 属性 来 完成 的 ,默认 情况 下 使 用 的 是 Windows 身份 验证 。 验 证 方式 的 配置 
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可 以 手动 修改 ,也 可 以 使 用 系统 提供 的 “ASP. NET 网 站 管理 工具 ” 自动 修改 。 

Form Windows 、Passport 三 种 身份 验证 方式 中 ,最 常用 的 也 是 本 章 所 讲解 的 是 Form 
验证 , 即 通 过 “登录 网 页 "来 检测 用 户 输入 的 用 户 名 和 密码 ,对 该 用 户 进行 身份 验证 ,并 指 
派 可 访问 的 资源 ,如 图 11-2 所 示 。 


图 11-2 Form 验证 方式 的 “登录 网 页 ” 


11.2.2 Form 身份 验证 的 工作 流程 


用 户 要 发 出 登录 请 求 , 需 要 在 “登录 网 页 "上 填写 一 个 表单 (一 般 填 写 用 户 名 和 密码 
两 项 ,如 图 11-1 所 示 ) 并 将 该 表单 提交 到 服务 器 。 服 务 器 在 接受 该 请 求 并 验证 成 功 之 后 ， 
将 向 用 户 的 本 地 计算 机 写 入 一 个 记载 身份 验证 信息 的 Cookie。 在 后 续 的 浏览 网 页 中 , 浏 
览 器 每 次 向 服务 器 发 送 请 求 时 都 会 携带 该 Cookie, 这样 用 户 就 可 以 保持 住 身份 验证 

下 面 的 情景 描述 了 某 用 户 ( 假 设 是 “小 明 ”) 通 过 浏览 器 访问 一 个 使 用 Form 验证 方式 
的 网 站 的 流程 模型 。 其 中 ,Web 服务 器 端 含有 4 个 网 页 ,分 别 是: 

。 图 公开 的 首页 H; 

。 加 登录 网 页 工 ; 

。 回 受 限 的 A 网 页 ; 

。 回 受 限 的 B 网 页 。 

(1) 小 明 希 望 查看 A 网 页 ,但 匿名 用 户 不 可 以 访问 这 个 页 面 , 因 此 当 小 明 试图 访问 
A 网 页 时 ,浏览 器 取而代之 显示 一 个 登录 页 面 工 ,如 图 11-3 所 示 。 


浏览 器 向 服务 器 发 送 查 看 A 网 页 请 求 


a 
囊 | 


可 服务 器 拒绝 匿名 访问 并 发 送 登录 网 页 L 
L 


图 11-3 查看 A 网 页 显示 登录 网 页 L 
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(2) 小 明 现 在 面 对 着 登录 网 页 L。 由 于 小 明 以 前 已 经 在 该 站 点 上 注册 过 ,因此 他 使 
用 自己 的 用 户 名 和 口令 组 合 登 录 这 个 网 站 ,服务 器 验证 确实 为 小 明 后 , 才 将 网 页 A 返回 
给 小 明 的 浏览 器 ,同时 ,将 Cookie 也 发 了 过 去 。 小 明 的 浏览 器 和 服务 器 之 间 的 交互 过 程 
如 图 11-4 所 示 ( Cookie 用 表示 ) 。 


训 览 器 向 服务 器 发 送 登录 请 求 


8 和 上 图 图 


HL A B 


| 服务 器 验证 小 明 并 且 将 A 网 页 和 Cookie 
图 © 返回 给 浏览 器 
A 


图 11-4 登录 网 页 后 ,查看 到 了 A 网 页 


(3) 小 明 现 在 可 以 正常 浏览 A 网 页 了 。 现 在 小 明 希 望 通过 A 网 页 上 的 一 个 链接 查 
看 B 网 页 。 在 发 送 该 请 求 时 ,小 明 的 浏览 器 同时 将 Cookie 的 一 个 副本 发 送 到 服务 器 ,让 
服务 器 知道 是 小 明 想 要 查看 这 个 B 网 页 。 服 务 器 通过 Cookie 知道 了 小 明 的 身份 ,所 以 按 
照 请 求 将 B 网 页 发 送 给 小 明 , 如 图 11-5 所 示 。 


缉 活 葵 


器 汶 洒 9 从 


浏览 器 请 求 B 网 页 并 携带 Cookie 


的 一 个 副本 © 
£ | 


HL A B 


图 服务 器 接受 Cookie 并 发 送 回 B 网 页 
B 


图 11-5 查看 到 B 网 页 


(4) 如 果 小 明 现 在 请 求 站 点 的 首页 阳 ,浏览 器 仍 会 将 Cookie 和 对 首页 H 的 请 求 一 起 
发 送 到 服务 器 ,因此 即使 网 页 不 是 受 限 的 ,Cookie 仍 会 被 传递 回 服务 器 。 由 于 首页 H 没 
有 受到 限制 ,服务 器 不 会 考虑 Cookie ,直接 忽略 它 并 将 首页 H 发 送 给 小 明 。 

(5) 小 明 接着 返回 A 网 页 。 因 为 小 明 本 机 上 的 Cookie 仍然 是 有 效 的 ,所 以 该 Cookie 
仍 会 被 送 回 服务 器 。 服 务 器 也 仍然 允许 小 明 浏 览 这 个 A 网 页 。 

(6) 小 明 离 开 计 算 机 临时 接 了 个 电话 。 当 他 重新 回 到 计算 机 前 时 ,已 经 超过 了 20 分 
钟 。 小 明 现 在 希望 再 次 浏览 B 网 页 ,但 是 他 本 机 上 的 Cookie 已 经 过 期 了 。 服 务 器 在 接收 
B 网 页 请 求 时 没有 得 到 Cookie, 认 不 出 小 明了 ,所 以 拒绝 这 个 请 求 , 而 将 登录 网 页 工 发 回 
浏览 器 ,小 明 必须 重新 登录 。 

在 上 面 的 情景 中 ,服务 器 为 Cookie 指定 了 20 分 钟 的 有 效 期 (这 个 时 间 是 可 以 修改 
的 ) ,这 意味 着 只 要 在 20 分 钟 之 内 向 服务 器 发 送 过 请 求 , 本 机 的 Cookie 就 将 一 直 保 持 活 
动 状态 。 然 而 ,如 果 超 过 了 20 分 钟 没有 向 站 点 发 出 请 求 ,用 户 将 必须 重新 登录 才能 查看 
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11.3 用户 授权 与 角色 


从 11.2 节 可 以 看 出 ,网 站 的 用 户 分 为 两 大 种 : 一 种 是 匿名 用 户 , 即 非 登 录用 户 , 只 能 
查看 网 站 中 的 公共 网 页 。 另 一 种 是 登录 用 户 ,不 但 可 以 查看 公共 网 页 ,还 可 以 访问 受 限 的 
网 页 ,如 图 11-6 所 示 。 


匿名 用 户 广 一 | 3 一 一 
yy 
公共 网 页 回 - 必要 未 疝 页 ] 
登录 成 功 
受 限 网 页 | [| 人 


图 11-6 匿名 用 户 与 登录 用 户 访问 网 站 中 各 网 页 示意 图 


这 种 将 用 户 只 分 为 匿名 用 户 与 登录 用 户 的 分 配方 式 比较 简单 , 常 应 用 于 一 些小 型 的 
网 站 ,往往 登录 用 户 就 是 网 站 管理 员 自己 ,登录 后 可 以 使 用 后 台 的 管理 网 页 发 布 或 维护 网 
站 公共 信息 。 

实际 工作 中 ,更 常见 的 情况 是 ,登录 用 户 也 有 好 多 种 ,登录 后 大 家 的 权限 不 一 样 。 最 
好 的 解决 方法 就 是 定义 若干 用 户 组 , 先 为 各 组 设置 拥有 不 同 权 限 ,然后 再 将 用 户 账户 分 配 
到 恰当 的 组 中 , 则 此 用 户 就 拥有 了 该 组 所 定义 的 权限 。 这 样 就 不 必 为 每 个 用 户 重 复 设 置 
权限 工作 了 ,而且 也 非常 容易 管理 ,如 图 11-7 所 示 。 
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图 11-7 所 属 不 同 组 的 登录 用 户 访问 网 站 中 各 网 页 示意 图 


图 11-7 中 ,匿名 用 户 只 能 访问 登录 网 页 和 两 个 公共 网 页 ;登录 后 ,如 果 所 属 为 A 组 用 
户 , 可 以 访问 两 个 公共 网 页 和 受 限 网 页 X; 如 果 所 属 为 B 组 用 户 , 可 以 访问 两 个 公共 网 页 
和 受 限 网 页 Y.Z。 也 就 是 说 ,所 有 用 户 都 可 看 公共 网 页 和 登录 网 页 , 受 限 网 页 则 根据 登 
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录用 户 的 所 属 组 预先 设置 好 的 权限 决定 是 否 允 许 访问 。 这 一 点 与 Windows 用 户 管理 模 
式 的 道理 是 一 致 的 。 

ASP.NET 中 ,对 具有 相同 权限 的 一 类 用 户 或 者 用 户 组 , 称 为 “角色 "。 所 以 ,在 
图 11-7 中 共有 两 个 角色 : A 组 是 一 个 角色 ,B 组 是 另 一 个 角色 。 

一 个 用 户 ,被 划分 为 哪个 角色 , 则 具有 了 该 角色 的 权限 。 一 旦 用 户 成 为 某 个 角色 的 成 
员 之 后 ,就 可 以 基于 角色 为 用 户 授权 。 当 然 ,用 户 所 属 的 角色 是 可 以 更 改 的 , 随 之 拥有 的 
权限 也 会 更 改 。 正 如 一 个 科技 公司 ,一 个 职员 可 以 从 开发 部 门 转 到 销售 部 门 , 他 的 工作 职 
能 也 随 之 改变 了 。 

一 个 角色 可 以 包含 多 个 用 户 , 一 个 用 户 也 可 以 所 属 为 多 个 角色 ,很 像 生 活 中 的 
“兼职 " 。 


11.4 ASP.NET 基 于 角色 的 安全 技术 的 特点 


为 了 管理 好 用 户 ,首先 ,应 根据 网 站 功能 定义 所 有 可 能 的 角色 ,然后 ,再 为 每 个 用 户 分 
配角 色 。 这 些 信 息 均 存 于 网 站 的 数据 库 中 保存 。 原 理 如 表 11-1 所 示 。 
表 11-1 用 户 注册 表 
编号 姓 名 密 码 角色 安全 设置 (此 项 一 般 存 于 web. config 文件 中 ) 
1 张宏伟 asdf123 教师 
2 梁 丰 硕 sdfg890 — 教师 


“网 站 管理 员 " 角 色 可 以 查看 所 有 网 页 ; 


| “教师 "角色 可 以 查看 教师 网 页 和 学 生 
4 李 晓 凤 ZXxcv123 学 生 网 页 ; 

5 | 名 | AD | 网 站 从 更 内 | “学 生 "角色 只 可 以 查看 学 生 网 页 

6 燕 南 归 yngl999.9 学 生 


用 户 的 验证 实质 上 是 一 个 查询 过 程 。 当 用 户 进入 登录 页 面 时 , 先 要 求 用 户 输入 自己 
的 姓名 和 密码 ,再 到 用 户 注册 表 中 去 查询 。 如 果 在 表 中 找到 了 可 以 匹配 的 记录 时 ,说 明 该 
用 户 可 以 登录 ,然后 取出 用 户 对 应 的 角色 字段 ,根据 分 配给 角色 的 权限 让 用 户 转 入 相应 的 
网 页 。 

ASP. NET 中 ,对 于 基于 角色 的 网 站 安全 管理 自动 化 程度 很 高 : 

(1) 系统 可 以 自动 生成 比 表 11-1 更 加 完善 .规范 的 SQL Server 2005 Express 数据 库 ， 
保存 在 网 站 App_Data 专用 目录 下 。 

(2) 也 可 以 将 基于 角色 的 网 站 安全 管理 建立 在 其 他 类 型 数据 库 上 ,如 SQL Server 
2000 .Access 等 。 前 提 是 ,借助 系统 提供 的 创建 工具 ( aspnet_regSql. exe) 并 修改 一 下 网 站 
配置 文件 (Web. config) 。 

(3) 可 以 利用 Visual Studio 中 的 “ASP. NET 网 站 管理 工具 ”对 用 户 和 角色 进行 图 形 
界面 管理 。 

(4) 提供 了 “登录 ”相关 的 7 个 控件 ,可 以 方便 构建 一 整套 用 户 认证 系统 ,例如 “ 登 
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11.5 登录 控件 


ASP. NET 提供 了 一 组 用 户 管理 控件 ,利用 这 些 控 件 可 以 非常 方便 地 完成 用 户 管理 和 
基于 角色 的 安全 策略 的 设计 工作 。 这 些 控件 都 在 [工具 箱 ] 的 [登录] 组 内 ,包括 : 

。 用 户 登录 控件 加 

。 创建 新 用 户 控件 晤 ER 

。 登录 视图 控件 名 nv 

。 登录 用 户 名 控件 各 mn 

。 登录 状态 控件 四 a 

。 改变 密码 控件 RE 

。 恢复 密码 控件 四 Pan 

这 些 控件 不 仅 定 义 了 初步 外 观 (可 以 进一步 修改 ) ,还 定义 了 标准 行为 。 例 如 ， 
有 的 控件 可 以 用 来 创建 用 户 的 注册 、 登 录 和 密码 恢复 界面 的 外 形 并 实现 其 功能 。 也 
有 一 些 控件 主要 用 来 向 用 户 显 示 不 同 的 信息 。 例 如 ,利用 LoginView 控件 可 以 定义 
不 同 的 视图 模板 , 随 用 户 角色 的 不 同 而 显示 不 同 的 提示 信息 。 下 面 简单 介绍 这 几 个 
控件 。 


11.5.1 Login 控件 
Login 控件 是 基于 角色 的 安全 技术 的 核心 控件 。 该 控件 的 作用 是 进行 用 户 认证 , 确 


定 新 到 的 用 户 是 否 已 经 登录 。 该 控件 的 界面 如 图 11-8 所 示 。 。 壮 a 
该 控件 对 应 的 源 标签 代码 是 : 有 Pa 一 
sa[ 一 
< asp:Iogin D= "Toginl" runat = "server" > 三 下 次 记 住 我。 
开始 生成 的 界面 不 一 定 符合 你 的 需要 ,需要 改变 时 , 单 击 | 到 


控件 右上 角 的 快捷 任务 按钮 ,选择 [ 自动 套用 格式 】 选 项 ,为 控 。 图 11-8 Login 控件 
件 选 择 其 他 界面 。 

Login 控件 不 仅 生 成 了 显示 界面 ,还 内 置 了 相应 的 行为 ,因此 只 要 将 Login 控件 拖 人 
窗 体 中 ,不 需要 编写 任何 代码 就 可 以 使 用 。 

有 以 下 几 个 属性 比较 常用 : 

(1) 如 果 希 望 在 登录 成 功 后 ,隐藏 Login 控件 的 显示 ,可 以 设置 VisibleWhenLoggedIn 
属性 为 *False”。 

(2) 可 以 为 Login 控件 的 DestinationPageUrl 属性 设置 登录 成 功 时 跳 转 的 页 面 地 址 。 

(3) 用 户 注 册页 的 链接 可 以 用 CreateUserText 和 CreateUserUrl 两 个 属性 设置 。 

(4) 找 回 密码 页 的 链接 可 以 用 PasswordRecoveryText 和 PasswordRecoveryUrl 属性 
设置 。 
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11.5.2 CreateUserWizard 控件 


利用 CreateUserWizard 控件 可 以 在 登录 表 中 增添 新 用 户 , 并 为 新 用 户 登记 相应 的 参 
数 。 该 控件 界面 如 图 11-9 所 示 。 


上 5 
控件 相应 的 源 标签 代码 如 下 : a 
密码 [0 
< asp:CreateUserWizard ID= "CreateUserWizardl" sa 
人 电子 邮件 [ 
< Wizardsteps > 安全 提示 问题 三 * 
Se ee 确认 密码 ”必须 下 配 。 
< /asp:CreateUserWizardStep > 人 
< asp:CnpleteWizardStep runat = "server" > | 
< /asp:CapleteWizardstep > 图 11-9 ”CreateUserWizard 控件 
< /Wizardsteps > 


< /asp:CreateUserWizard > 


界面 中 的 用 户 名 ( User Name) ,密码 ( Password) 是 新 用 户 的 主要 标志 。 安 全 提示 问 
题 ( Security Question) 以 及 安全 答案 ( Security Answer) 是 为 了 防止 用 户 忘 记 自己 密码 时 
的 提示 。 

在 ASP.NET 对 密码 的 设置 有 比较 严格 的 要 求 。 为 保证 密码 不 容易 被 人 猜 中 ,默认 
情况 下 密码 的 设置 要 符合 “ 强 密码 ”( Strong Password ) 的 要 求 。 强 密码 必须 是 

。 至 少 由 7 个 字符 组 成 ; 

。 字符 中 至 少 包括 一 个 大 写 或 小 写 的 字母 ; 

。 字符 中 至 少 包括 一 个 非 数 字 亦 非 字 母 的 特殊 符号 ,如 “1!”"、“@”、“#”、“ ~"”、 

该 控件 同时 还 支持 用 户 创建 后 自动 向 其 注册 的 电子 信箱 发 送 邮 件 的 功能 。 相 关 的 设 
置 会 在 后 面 介绍 。 

常用 属性 ContinueDestinationPageUrl 用 来 设置 注册 完成 后 , 单 击 [ 继 续 按钮 进入 后 
面 的 网 页 。 


11.5.3 LoginName 控件 与 LoginStatus 控件 


一 般 当 用 户 成 功 登录 后 ,会 显示 对 该 用 户 的 相关 提示 ,比如 提示 “欢迎 您 小 明 ”, 同 时 
也 会 有 显示 “注销 "或 “退出 "之 类 的 提示 ,如 图 11-10 所 示 。 

以 上 效果 可 以 利用 LoginName 控件 (登录 名 ) 和 LoginStatus 控件 (登录 状态 ) 来 
实现 。 

LoginName 控件 能 自动 显示 登录 用 户 的 账号 名 。 如 果 用 户 未 登录 ,该 控件 就 不 显示 。 

LoginStatus 控件 则 会 根据 当前 用 户 是 否 登录 ,而 提供 “登录 "或 “注销 "的 功能 链接 。 
即 若 用 户 尚 未 经 过 登录 的 身份 验证 , 显示“ 登录" 超 链接 , 单 击 可 跳 转 到 登录 页 面 ( 需 另 
建 ) ,如 果 用 户 已 经 通过 登录 的 身份 验证 , 则 显示 “注销 " 超 链 接 , 单 击 即 可 完成 退出 功能 。 
这 两 个 提示 文字 可 以 通过 该 控件 的 LoginText 和 LogoutText 属性 修改 。 

在 LoginStatus 控件 中 为 了 能 够 正确 退出 ,还 可 以 对 下 面 两 个 属性 进行 设置 : 


生计 拉 作 全 
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沪 演练 : 创建 一 个 天 要 登录 和 注销 的 Web 测试 - Hicrosoft--- 巧 ] 操 | 加 
; 文件 人 E) 编辑 区) 查看) 收 芯 由 ) 工具 CI) 帮助 0D 
:@- 日"* 国 国信 | 全 安 昌 | 犁 - 龟 团 - 


; 地 址 加) | 下 http: /fmsdn nicrosoft. com/zh-cnflibrary/bb385897. aspx 


学 可 打印 版 本 。 十 添加 到 收 若 严 加 撒 单 十 恒 全 和 #6 提 供 反 语 全 廊 YrjY 放 
= 


< a | 


图 11-10 当 用 户 成 功 登录 后 显示 的 相关 提示 (右上 角 位 置 ) 


e LogoutAction 属性 : 设 成 Redirect( 转向 ) ,默认 是 Refresh( 本 页 刷新 ) ; 
。 LogoutPageUrl 属性 : 指定 退出 的 网 页 链接 ,通常 是 首页 。 
两 个 控件 对 应 的 源 标 签 代码 分 别 如 下 : 


< asp:IoginName ID= "TIoginNamel" runat = "server"/ > 
< asp:Ioginstatus ID= "Toginstatusl" runat = "server"/ > 


11.5.4 LoginView 控件 


LoginView 控件 (登录 视图 ) 能 够 根据 当前 登录 用 户 的 角色 而 显示 不 同 的 自 定义 信 
息 。 默 认 情况 下 ,该 控件 包括 两 个 视图 模板 : AnonymousTemplate( 匿名 , 即 未 登录 ) 视图 
和 LoggedInTemplate( 已 登录 ) 视 图 。 使 用 方法 很 简单 ,在 [视图 ] 下 拉 菜 单 中 选择 了 某 一 
视图 模板 后 ,向 控件 内 填写 对 应 的 提示 信息 或 拖 入 相关 控件 即 可 ,如 图 11-11 所 示 。 
LoginViewl 
这 妥 的 用 户 ， 您 汪 没 有 


登录 


图 11-11 选择 AnonymousTemplate 视图 模板 并 填写 对 应 提示 信息 


以 上 只 能 设置 匿名 和 已 登录 两 大 类 提示 ,有 些 太 笼统 。 如 果 当 网 站 中 设置 了 多 种 角 
色 时 ,希望 在 用 户 登 录 后 ,LoginView 控件 再 能 根据 该 用 户 所 属 的 不 同 角色 而 显示 对 应 的 
提示 ,应 该 怎么 做 呢 ? 

这 时 ,可 以 先 单 击 视图 上 方 的 [编辑 RoleGroups 】 链接 ,打开 角色 组 编辑 窗口 ,将 
已 经 设置 的 角色 ( 如 学 生 、 教 师 ,管理 员 ) 增 加 到 窗口 中 。 青 查看 LoginView 控件 的 
视图 模板 ,将 看 见 除 原来 的 两 个 视图 以 外 ,又 新 增 了 三 个 刚 增加 角色 的 模板 ,如 
图 11-12 所 示 。 
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LoginViewl 
同学 们 好 ， 请 单 击 以 下 链接 进入 成 绩 查 词 页 面 : 
| 成 绩 查询 


图 11-12 多 角色 视图 


11.5.5 PasswordRecovery 控件 和 ChangePassword 控件 


PasswordRecovery 控件 ( 密码 恢复 ) 能 够 通过 电子 邮件 帮助 恢复 忘记 的 密码 。 外 观 如 
图 11-13 所 示 。 

只 要 用 户 填 写 好 自己 的 用 户 名 ,提交 后 ,再 填写 自己 以 前 注册 时 设置 的 密码 回答 问 
题 , 它 就 会 自动 把 密码 发 送 到 当初 注册 时 设 的 电子 邮箱 内 。 相 关 发 送 电子 邮件 的 设置 后 


面 马上 会 讲 到 。 
ChangePassword 控件 (修改 密码 ) 用 于 修改 用 户 的 密码 ,如 图 11-14 所 示 。 
更 改 密码 
密码 : 
您 | 2 您 . 确认 新 密码 : 
用 户 各 : - “确认 新 密码 "与 新 密码 "项 必须 下 配 。 
meen | wl 

图 11-13” PasswordRecovery 控件 界面 图 11-14 ChangePassword 控件 界面 
修改 新 密码 需要 正确 地 输入 旧 密 码 。 


ChangePassword 控件 也 可 以 发 送 电子 邮件 给 用 户 的 电子 信箱 。 
11.5.6 自动 发 送 邮件 通知 


前 面 介绍 的 CreateUserWizard 控件 ,PasswordRecovery 控件 和 ChangePassword 控件 
都 可 以 向 用 户 注册 的 电子 信箱 发 送 邮件 通知 。 下 面 介 绍 一 下 相关 的 设置 方法 。 

发 送 邮件 功能 需要 配置 上 述 控件 的 MailDefinition 属性 ,方法 是 : 

(1) 先 创 建 一 个 扩展 名 为 . txt 的 文本 文件 用 于 添 写 邮件 正文 内 容 ,文件 内 容 除 普通 
文字 外 ,还 可 以 包含 一 些 特 殊 的 符号 如 <%username%> 和 <%password%> 等 ,用 来 代替 
实际 的 用 户 名 和 用 户 密码 ,例如 : 

欢迎 您 登录 本 网 站 

您 的 名 字 是 : < %$usemame% > 

您 的 密码 是 : < $password% > 

(2) 将 上 述 文件 名 称 赋 给 MailDefinition 属性 的 BodyFileName 子 属性 (通过 单 击 
MailDefinition 属性 前 的 | 田 按钮 展开 查看 ) 。 

(3) 配置 SMTP 服务 。 如 果 作 为 Web 服务 器 的 本 机 ,已 安装 并 激活 了 一 个 本 地 
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SMTP 服务 ,就 可 以 马上 使 用 了 。 如 果 条 件 不 允许 ( 比如 在 使 用 虚拟 主机 时 ,一 般 就 不 能 
提供 给 网 站 SMTP 服务 了 ) ,这 时 ,就 必须 使 用 外 部 的 SMTP 服务 ,比如 使 用 海南 电子 邮 
局 的 免费 SMTP 服务 (事先 需要 先 注册 一 个 信箱 用 户 , 如 smtpserver@hainan. net) 。 


设置 方法 是 单 击 Visual Studio 菜单 中 的 【网 站 】I【 ASP. NET 配置 ) ,启动 [ ASP. net 
网 站 管理 工具 】, 如 图 11-15 所 示 。 


避 ASP- 了 et Web 应用 程序 管理 - 了 icrosoft Internet Explorer 
: 文件 四 ”编辑 于 ) 查看 WW 收藏 内) 工具 CD) 帮助 0D 

-9- 国 国 闪 | 全 交 自 | 犁 -总 屋 加 KK 
地 址 四 ) | 蜀 http:// 


st:9108/asp. netwebsdninfiles/defanlt, aspx?applicationPhysicalPath=d: Na 图 转 到 


欢迎 使 用 网 站 管理 工具 

应 用 程序 :/aspnet 

当前 用 户 名 :HP\TAILWIND 
安全 
应 用 程序 配置 
提供 程序 配置 


使 您 能 够 设置 和 编辑 用 户 、 角 色 和 对 站 点 的 访问 权限 。 
使 您 能 够 管理 应 用 程序 的 配置 设置 。 


使 您 能 够 指定 存储 网 站 所 用 的 管理 数据 的 位 置 和 方式 。 


图 11-15 ASP.NET 网 站 管理 工具 


单 击 [应 用 程序 ] 1[ 配置 SMTP 设置 】, 然 后 添 写 SMTP 相应 设置 ,如 图 11-16 所 示 。 


Er 


GQ-90- 国 同性 | 户 究 @ 问 -名 全 加 KK 


CO rr rT 


而 机 可 以 管理 SMTP 党，sMTP 人 光志 Web 左 用 寥 反 发 寺 多 于 配件 的 方式 。 全 玉 从 扩 电 子 站 和 服务 吕 委 下 半 站 条 ， 基 后 二 角 各 送 电 了 部 
件 ， 请 内 定 记 服 种 下 家 的 身价 站 证 芭 开 加 有 总 亚 ， 请 村 二 于 全 用 的 所 户 各 和 理科 . 


广 直 :有 闪电 邮件 服务器 身 从 站 证 让 更 人 信息。 天 与 村 天 只 辽 看 。 


ere re 
朋 务 器 亲口 ;25 


RMA: empsover@hanan nat 


Se 
加 无 
加 关 本 


加 时 人 的 电 直 放 肥 坟 关 来 在 基 洋 电子 好 们 时 且 式 件 入 用 之 志和 和 宣 
玛 ， 币 入 此 过 汪 。 


长 件 人 的 用 户 各 : [mipssr 
长 作 人 的 到 到 


0ANTLM (Wndows 身 肖 区 


划 昌 光 航 电子 六 不 各位 子 后 姑 同上， 并 及 类 届 Wndows 失手 过 
到 计 季 分 狼 ， 惠 二 此 运 需 。 


图 11-16 配置 SMTP 电子 邮件 设置 
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以 上 SMTP 设置 最 终 保存 在 网 站 配置 文件 web. config 文件 的 <system. net > 节 内 。 
(四 并 不 是 所 有 的 信箱 部 提供 免费 SMTP 服务 。 震 要 多 多 导 竟 ,测试 后 才能 确定 。 


11.6 使 用 登录 控件 前 的 准备 工作 


登录 控件 所 处 理 的 各 类 信息 都 是 保存 在 网 站 内 的 数据 库 和 web. config 内 。 所 以 要 
保证 数据 库 内 部 结构 按照 一 定 规范 创建 的 ,这 是 其 一 。 其 二 ,要 为 网 站 规划 一 个 合理 的 目 
录 结 构 , 以 便于 网 站 安全 的 管理 。 


11.6.1 数据 库 和 web. config 的 配置 


登录 控件 的 使 用 必须 与 网 站 中 数据 库 和 web. config 文件 的 配置 结合 起 来 。 现 在 
ASP. NET 开发 中 常 与 之 配合 使 用 的 数据 库 有 三 种 , 均 为 Microsoft 公司 的 产品 ,具体 选用 
哪 一 个 主要 是 看 开发 的 网 站 的 规模 : 

e SQL Server 2005 Express: 适用 于 小 .中 型 网 站 ,使 用 Visual Studio 开发 最 方便 。 

e SQL Server 2000/2005/2008 Server 版 : 适用 于 中 ,大 型 网 站 ,功能 最 强 。 

e Office Access: 适用 于 小 型 网 站 ,可 移植 性 最 好 ,也 非常 经 济 。 

下 面 介绍 这 三 种 数据 库 以 及 对 应 web. config 的 配置 方法 。 


1. SQL Server 2005 Express 数据 库 


如 果 安 装 Visual Studio 2008 时 选择 了 默认 安装 方式 ,也 就 已 经 安装 了 SQL Server 
2005 Express 数据 库 。SQL Server 2005 Express 数据 库 是 文件 型 数据 库 ,数据 库 文件 的 扩 
展 名 为 MDF。 服务 器 资源 管理 器 

在 使 用 Visual Studio 开发 中 ,默认 支持 的 就 是 


SQL Server 2005 Express 数据 库 。 因 此 不 必 特 意 去 FT 站 


创建 它 ,如 果 在 网 页 中 应 用 了 登录 控件 ,系统 就 会 自 | “者 加 可 蜡 。 


动 在 网 站 的 App_Data 子 目录 下 生成 该 数据 库 ,文件 
名 为 ASPNETDB. MDF。 或 者 ,在 使 用 Visual Studio 
2008[【 网 站 菜单 下 的 【ASP. NET 配置 工具 时 ,也 
会 自动 创建 该 数据 库 。 

自动 创建 的 数据 库 ASPNETDB. MDF 中 ,已 经 
自动 构建 好 系统 必需 的 若干 个 数据 表 , 用 来 存放 用 
户 . 角 色 等 信息 , 均 以 “aspnet_ “开头 ,如 图 11- 17 


器 
"| 
淋 


图 图 田 图 田 田 田 田 田 田 田 
回回 回回 回回 回回 关上 加 | 


sp ts 加 
[现时 有 5 和 8 于 理 要 | 和 服务 器 资源 管理 器 | | 


所 示 。 图 11-17 数据 库 ASPNETDB. MDF 
用 户 也 可 以 在 该 数据 库 中 继续 添加 新 的 网 站 中 的 系统 用 数据 表 
用 表 。 


2. SQL Server 2000/2005/2008 数据 库 
ASP. NET 中 基于 角色 的 安全 技术 默认 使 用 的 是 SQL Server 2005 Express 数据 库 。 
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如 果 要 使 用 SQL Server 2000/2005/2008 作为 默认 数据 库 , 需 分 别 进行 “生成 SQL Server 
数据 库 的 系统 数据 表 ” 和 “更 改 网 站 配置 文件 web. config "的 操作 。 

1) 生成 SQL Server 数据 库 的 系统 用 数据 表 

与 登录 相关 的 用 户 .角色 等 信息 都 需要 存储 在 各 系统 数据 表 内 。 为 了 在 网 站 已 有 数 
据 库 内 创建 这 些 ASP. NET 系统 用 数据 表 , 可 以 使 用 . NET 自 带 的 工具 。 执 行 C:\ 
WINDOWS\Microsoft. NET \Framework \v2. 0. 50727 \aspnet_regsql. exe ,启动 [ ASP. NET 
SQL Server 安装 向 导 】, 它 将 安装 和 配置 所 有 支持 应 用 程序 服务 的 数据 库 架 构 和 存储 过 
程 ,如 图 11-18 所 示 。 


$F ASP.NET SQL Server 安装 向 导 


[(F 欢迎 使 用 ASP. NET SQL Server 安装 向 导 

“sOL 
使 用 此 向 导 可 创建 或 配置 用 来 存储 ASP. NET 应 用 程序 服务 成员 资格 、 配 置 文件 、 角 色 管理 、 个 性 
化 设置 以 及 SQL Web 事件 提供 程序 ) 信 息 的 SQL Server 数据 库 。 


车 要 分 别 为 这 些 功能 配置 数据 库 ， 或 者 是 为 会 话 状态 或 SQL 缓存 信 束 项 等 附加 功能 配置 数据 库 ， 请 
在 命令 行 运行 sspnet_regsql。 有 关 命 今 行 选项 的 帮助 ， 请 使 用 “-?” 开 关 。 


单 击 “ 下 一 步 "继续 。 


ES | D2 wa | 
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图 11-18 【ASP. NET SQL Server 安装 向 导 ] 启 动 界面 


基本 上 都 是 单 击 【 下 一 步 ] 按 钮 继续 ,注意 在 [选择 服务 器 和 数据 库 ] 界面 中 , 填 好 
SQL Server 服务 器 地 址 和 登录 用 户 ,密码 等 信息 , 【数据库 ] 一 项 可 以 选择 “默认 ” , 则 生成 
数据 库 名 称 为 ASPNETDB ,之 后 一 直到 [完成] 按钮 。 

2) 更 改 网 站 配置 文件 web. config 

ASP. NET 内 置 连接 默认 数据 库 的 字符 串 名 为 LocalSqlServer ,为 使 用 其 他 数据 库 , 需 
要 用 新 的 、 同 名 的 LocalSqlServer 数据 库 配置 覆盖 掉 该 字符 串 值 。 

LocalSqlServer 数据 库 配 置 要 写 在 < connectionStrings > 节 内 。 原 始 节 是 如 
<connectionStrings/> 的 空 标签 形式 ,需要 将 它 拆 分 为 首尾 标签 的 形式 ,然后 在 内 部 添加 
子 元 素 。 具 体 代 码 如 图 11-19 所 示 ( 加 字符 底 纹 效果 部 分 ) 。 

3) Office Access 数据 库 

ASP. NET 提供 了 强大 的 基于 角色 的 安全 管理 ， ti 
效率 。 美 中 不 足 的 是 , 它 只 唯一 内 置 了 SQL Server 提供 程序 (SQL Server Providers) 。 
就 是 说 ,如 果 想 使 用 ASP. NET 提供 的 强大 功能 ,必须 且 只 能 安装 使 用 SQL Server i 
据 库 。 但 就 国内 目前 而 言 ,大 多 数 中 小 型 网 站 和 个 人 网 站 使 用 的 是 Access 数据 库 , 这 是 
因为 ,Access 移植 和 调试 很 方便 ,而 且 购 买 SQL Server 数据 库 空间 的 费用 比较 昂贵 。 

当然 ,. NET 也 提供 自 定义 provider 的 功能 用 以 开发 使 用 非 SQL Server 数据 库 。 例 
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<configuration > 删除 默认 连接 字符 串 


添加 同名 连接 字符 串 ， 内 容 指 向 新 SQL Server 


<connectionStrings SQL Server 地 址 


< remove namgE="LocalSqlServer"/ 

<add name = "LocalSqlServer" connectionString = "Data Source =127.0.0.1; 
Initial Catalog =aspnetdb;UID= sa; PWD =abcd66" providerName = "System.Data. 
SqlClient" /> 
</connectionstrings > 
<system.web > 网 站 SQL Server 数 据 库 名 


</system.web > 


</configuration > 


图 11-19 配置 web. config 文件 指向 SQL Server 2000 数据 库 


如 , 若 要 自 定 义 Access Providers ,至 少 要 经 过 三 个 步骤 : 

(1) 创建 一 个 Access 数据 库 。 这 个 数据 库 要 包含 Provider 必需 的 结构 (如 系统 表 
等 ) 。 之 前 当 使 用 SQL Server Providers 的 时 候 , 相 应 的 SQL Server 数据 库 可 以 在 . NET 
运行 时 自动 创建 ,或 者 使 用 . NET 提供 的 工具 aspnet_regsql. exe 来 创建 。 而 Access 数据 
库 则 需要 手动 创建 。 

(2) 编写 实现 provider 功能 的 逻辑 代码 ,也 就 是 自己 编写 相关 程序 类 。 

(3) 在 web. config 文件 中 对 网 站 进行 配置 ,告诉 . NET 运行 时 使 用 Access providers 
代替 默认 的 SQL Server Providers。 

也 就 是 说 ,以 上 只 需 三 个 文件 就 足够 了 : 一 个 包含 特定 字段 和 关系 结构 的 Access 数 
据 库 ,一 个 实现 具体 功能 的 程序 集 ,一 个 包含 特定 配置 的 web. config 文件 。 然 而 ,创建 上 
述 三 个 文件 的 工作 对 初学 者 而 言 是 有 一 定 难度 的 。 

幸运 的 是 ,微软 公布 了 一 个 名 为 Sample Access Providers 的 参考 实例 ,提供 免费 下 载 ， 
前 面 所 说 的 三 个 文件 都 可 以 从 中 得 到 。 地 址 是 : 


http://dewnlcadmicroeofr.caydbwnlcaqy5/5/b/55bcoglf - 4316 -46 ~ 9269 — dof 

9edbaada8/sanpleacoessproviders.vsi 

从 参考 实例 中 得 到 所 需 三 个 文件 的 方法 是 : 

(1) 执行 下 载 到 本 地 的 sampleaccessproviders. vsi, 弹出 [Visual Studio 内 容 安 装 程 
序 】 对 话 框 。 

(2) 不 要 单 击 [ 下 一 步 ] 按 钮 ,而 是 单 击 [ 查 看 Windows 资源 管理 器 中 的 文件 ] ,看 到 
两 个 文件 ,其 中 一 个 名 为 ASP. NET Access Providers. zip, 把 它 解压 后 ,可 以 找到 
ASPNetDB. mdb 和 web. config 这 两 个 文件 。 

(3) 所 得 文件 中 还 有 一 个 名 为 Samples 的 目录 ,在 它 的 子 目录 AccessProviders 里 有 7 
个 C# 源 代码 文件 ,需要 使 用 C# 编 译 器 把 它们 编译 成 一 个 SampleAccessProviders. dll 
文件 。 

也 可 以 从 本 书 的 支持 网 站 下 载 已 经 整理 后 的 三 个 文件 ,地 址 是 http://gqacn. net/ soft/ 
SampleAccessProviders. rar, 见 表 11-2。 
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表 11-2 使 用 Access providers 所 需 的 三 个 文件 
文 件 作 用 
ASPNetDB. mdb 模板 数据 库 , 包 含 必要 的 字段 和 关系 
SampleAccessProviders. dll 包含 必要 的 运算 逻辑 
web. config 配置 文件 ,指定 SampleAccessProviders 作为 网 站 的 provider 


三 个 文件 的 部 署 方 法 如 下 : 

(1) 使 用 新 的 web. config 文件 替换 掉 网 站 主 目录 原 有 的 web. config 文件 。 

(2) 把 ASPNetDB. mdb 添加 到 网 站 的 App_Data 文件 夹 里 。 

(3) 在 [解决 方案 资源 管理 器 】 对 话 框 内 , 右 击 网 站 主 目录 名 ,选择 [添加 ASP. NET 
文件 夹 ] 1Bin ,然后 将 SampleAccessProviders. dll 文件 添加 到 Bin 文件 夹 内 。 


11.6.2 规划 好 网 站 的 目录 结构 


由 于 网 站 中 网 页 繁多 , 且 权 限 安全 等 级 多 样 ,所 以 ,为 便于 管理 ,最 好 先 建立 若干 个 子 
目录 ,将 安全 等 级 相同 的 网 页 放 在 同一 个 子 目录 下 。 
而 登录 注册、 密码 找 回 等 网 页 则 放 在 网 站 主 目 


| 一 管理 员 子 目录 


录 下 。 

例如 ,开发 一 个 教育 类 网 站 ,该 网 站 有 三 类 用 | 学 生子 目录 
户 ,分 别 为 教师 角色 ,学生 角 色 以 及 管理 员 角 色 。 | 
这 时 就 可 以 建立 teacher 子 目 录 、student 子 目录 和 
admin 子 目 录 , 然 后 将 教师 角色 所 属 的 各 网 页 放 入 登录 网 页 


teacher 子 目录 下 ,将 学 生 角 色 所 属 的 网 页 放 入 - x 一 一 一 密码 找 回 页 
student 子 日 录 , 管 理 类 网 页 放 入 admin 子 目 录 。 最 电 必 sotie ”| 注册 网 页 
后 只 要 对 三 个 目录 做 一 下 访问 限制 即 可 ,不 但 安 到 11-20 ”教育 网 站 的 目录 结 
全 ,而 且 管理 还 很 方便 。 结 构 如 图 11-20 所 示 。 


11.7 配置 网 站 访问 安全 


11.6 节 的 准备 工作 完成 后 ,就 可 以 进行 基于 角色 的 网 站 安全 管理 了 。 可 以 使 用 
Visual Studio 提供 的 [ASP. NET 网 站 管理 工具 】 以 图 形 化 方式 完成 这 些 工 作 ,内 容 包括 : 

。 创建 相应 的 角色 和 用 户 。 

。 将 用 户 添 加 到 对 应 角色 中 。 

。 配置 安全 策略 。 即 设 定 访问 规则 ,网 站 的 各 个 目录 都 允许 哪个 角色 或 用 户 访问 。 

最 终 配 置 的 结果 数据 保存 在 网 站 的 数据 库 和 web. config 文件 内 。 

(1) 启动 [ASP. NET 网 站 管理 工具 】( 单 击 菜单 栏 的 [网 站 】|【ASP.NET 配 置 ] ) 。 

(2) 选择 [安全 】 选 项 卡 ,选择 [使 用 安全 设置 向 导 按 部 就 班 地 配置 安全 性 】, 进 入 [ 安 
全 设置 向 导 】。 很 多 初学 者 在 这 一 步骤 常常 出 现 问题 ,往往 是 因为 数据 库 没 有 准备 好 ,或 
者 是 web. config 文件 配置 得 不 正确 。 这 时 一 定 要 认真 阅读 理解 它 给 出 的 错误 提示 , 找 出 
错误 点 并 改正 。 
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(3) 在 [步骤 2: 选择 访问 方法 ] 中 选择 [通过 Internet] 。 这 实际 是 配置 身份 验证 为 
Form 方式 。 

(4) 在 [步骤 4: 定义 角色 】 中 选中 [为 此 网 站 启用 角色 】。 

(5) 在 [创建 新 角色 ) 窗 口 ,根据 网 站 安全 需要 添加 相应 角色 。 例 如 “管理 员 ”“ 教 
师 ” “学生 ”3 个 角色 。 

(6) 在 [步骤 5: 添加 新 用 户 ] 中 ,创建 网 站 各 用 户 。 例 如 这 里 创建 了 表 11-1 中 前 5 
个 用 户 ( 要 连续 创建 用 户 要 单 击 [ 继续] 按钮 ,而 非 [ 下 一 步 ] 按 钮 ) 。 

(7) 在 [步骤 6: 添加 新 访问 规则 ] 中 ,首先 单 击 [ 为 此 规则 选择 一 个 目录 】 下 的 四 以 
展开 网 站 主 目录 ,然后 分 别 选择 各 子 目 录 , 为 其 设置 相应 访问 权限 。 例 如 对 teacher 子 目 
录 设 置 了 只 允许 “管理 员 ” “教师 "角色 访问 ,再 拒绝 其 他 所 有 用 户 的 访问 权限 (admin 和 
student 目录 的 访问 规则 设置 操作 与 此 类 似 ) ,如 图 11-21 所 示 。 


添加 新 访问 规则 
为 此 规则 选择 一 个 目录 : 规则 应 用 于 : 权限 : 
日 四 ”aspnet 〇 角色 | 教师 国 Ot 许 
admin 
App_Data O 〇 用 户 拒绝 
站 student 
i @@ 所 有 用 户 
O ER 
搜索 用 户 


次 显 的 规则 继承 自 父 级 ， 无 法 在 此 级 别 更 改 。 


北洋 四 es 
ba 四 gh 3 
拒绝 LE 
有 dE EE 


图 11-21 teacher 子 目 录 只 允许 “管理 员 ” “教师 "角色 访问 


人 要 先 添 加 允许 的 角 色 或 用 户 ,最 后 再 添加 拒绝 所 有 用 户 访问 。 


【安全 设置 向 导 】 设 置 完成 后 ,将 返回 到 【安全 】 选 项 卡 界面 。 剩 下 的 工作 是 设置 用 户 
所 属 的 角色 。 通 过 [管理 用 户 或 [ 创建 或 管理 角色 ] 两 个 链接 功能 都 可 以 达到 目的 ,仅仅 
是 管理 的 视觉 角度 不 同 而 已 。 

这 里 就 选择 [ 创建 或 管理 角色 链接 ,已 经 存在 的 角色 将 会 列 在 下 方位 置 。 单 击 要 管 
理 的 角色 名 ,如 * 学 生 ”, 则 进入 该 角色 的 用 户 管理 界面 。 单 击 [ 全 部 】 链 接 ,选中 对 应 名 字 
后 面 的 复 选 框 , 即 可 将 该 用 户 添加 到 当前 角色 ,如 图 11-22 所 示 。 

(8) 完成 上 述 设置 后 ,最 终 的 配置 数据 保存 在 网 站 的 数据 库 和 若干 个 web. config 文 
件 中 ,如 图 11-23 所 示 。 

如 果 在 【步骤 6: 添加 新 访问 规则 】 中 ,也 分 别 为 admin 和 student 子 目录 设置 了 访问 
规则 ,那么 在 这 两 个 目录 下 ,也 都 会 自动 新 增 了 一 个 web. config 文件 ,以 保护 这 两 个 子 目 
录 不 被 非法 访问 。 

经 过 前 面 的 配置 网 站 访问 安全 性 工作 后 ,就 可 以 根据 网 站 的 具体 功能 ,将 各 登录 控件 
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在 此 页 中 可 以 管理 扩 定 角 笃 中 的 成 中。 到 要 向 角 各 水 加 一 个 用 户 ， 请 提 索 用 户 名 ， 半 后 为 该 用 户 适 择 “用 户 属 二 有 色 ”。 


当前 所 管理 的 nce 
角色 名 


现 过 人 所 : 看 记 各 国 | 吉 和 mn 于 
显示 添 
加 的 用 户 果 用 户 层 于 角 信 pe ee 
用 户 是 否 隶 属 
于 当前 角色 


图 11-22 为 学 生 角色 添加 用 户 


数据 库 内 存放 用 户 名 
和 角色 名 等 数据 ， 下 i 


以 及 各 用 户 所 属 哪 ~ es 

个 角色 信息 SN pIuts 
“sriETDB. WF 

对 目录 内 新 生成 的 。 | 语 害 st say 


web.config 保护 着 国 wyseore. aspx 
当前 目录 不 和 法 NR 宫 入 2 
用 户 进入 Q- 加 preperelessons. sspx 
veb. confie 
主 目录 内 的 web.config 。 | 国 
配置 了 使 用 “角色 " 进 所 回 ne 


司 Default. aspx 
司 pwdRecovery. aspx 


行 安全 认证 以 及 采用 | pe 
Form 登录 方式 [NB vb entie | 


图 11-23 经 [ASP. NET 网 站 管理 工具 】 配 置 后 的 网 站 目录 结构 


拖 放 到 相应 的 网 页 内 并 进行 设计 了 。 
下 面 通过 一 个 “用 户 管理 系统 "案例 综合 运用 前 面 学 习 到 的 内 容 。 


11.8 “教学 管理 系统 "案例 


本 案例 将 制作 一 个 基于 角色 为 用 户 授权 的 动态 网 站 ,用 户 与 角色 依照 表 11-1 分 配 。 
数据 库 采 用 默认 的 SQL Server 2005 Express。 首 页 显示 效果 如 图 11-24 所 示 。 

若 用 户 忘记 登录 密码 ,可 单 击 “ 忘 记 密 码 " 超 链接 ,根据 页 面 提示 输入 相应 信息 后 ,网 
站 会 自动 向 该 用 户 的 信箱 发 送 密码 信息 。 

当 用 户 成 功 登 录 后 ,就 会 出 现 相应 的 欢迎 信息 和 登录 链接 。 例 如 用 户 梁 丰硕 (教师 
角色 ) 登 录 后 ,显示 页 面 如 图 11-25 所 示 。 
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加 


EE - 了 icrosoft Internet Explorer 
文件 时) ”编辑 下 ) 查看 收藏 由 工具 上 帮助 0 
日 -日 - 四 国人 给 | 忆 支 日 | 白 - 避 


地 让 站) | 图 http://localhost:14521aspnetyDefanlt aspx 


亲爱 的 用 户 ， 请 在 下 方 进行 登录 ， 
只 有 登录 后 才能 进入 所 属 贝 面 。 


登录 
用 户 名 : ] 
密码 :| 
口 下 次 记 住 我 。 


新 用 户 注册 
瑟 记 密码 


图 11-24 “用 户 管理 系统 "案例 首页 显示 效果 


要 首页 - 
文件 四 ”编辑 外 查看 WW 收 京 和 ) 工具 帮助 m 万 
@-9- 国 四 公 | 放 坟 @| 人 9 "|i 移 - 
地 址 四 ) | 罩 http://1ocalhost:1452/aspnet/Defavlt. aspx 加 | 园 转 到 


梁 丰硕 老师 好 ， 请 进入 备课 专栏 = 


Wicrosoft Internet Explorer 加 回回 


图 11-25 用 户 梁 丰 硕 ( 教 师 角色 ) 登 录 后 的 显示 页 面 


单 击 “ 备 课 " 超 链接 , 即 可 显示 teacher 子 目 录 下 的 备课 页 面 ( prepareLessons. aspx ) ， 
如 图 11-26 所 示 。 


加 教师 专区 - Wicrosoft Internet Explorer 回回 问 
; 文件 @) 编辑 世 ) 查看 WW) 收藏 W) 工具 C) 帮助 0D E23 
GO- 回国 从 | 忆 冯 名 | 白 - 玉 四" 回 “| @- 


地址) | 独 http://1ocalhost:1452/aspnet/teacher/preparsLessons aspx 加 | 贺 萌 到 


当前 用 户 ， 梁 丰硕 ”注销 


二 本 地 Intranet 


图 11-26 备课 页 面 效果 
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单 击 * 注 销 " 超 链接 即 可 退出 登录 ,返回 首页 。 

如 果 某 个 用 户 在 首页 未 经 登录 ,而 直接 在 浏览 器 的 地 址 栏 输入 教师 备课 网 页 的 
URL , 即 http://localhost:1452/aspnet/ teacher/ prepareLessons. aspx 进行 浏览 ,结果 会 怎么 
样 呢 ? 

由 于 已 经 对 网 站 的 各 子 目录 进行 了 访问 安全 配置 ,所 以 ,系统 会 拒绝 ,并 自动 转向 到 
网 站 主 目录 下 的 Login. aspx 网 页 让 该 用 户 登 录 , 若 该 用 户 的 登录 信息 输入 正确 ,系统 才 
自动 转向 他 所 要 访问 的 教师 备课 网 页 。 

操作 步骤 如 下 : 

首先 在 Visual Studio 中 新 创建 一 个 网 站 。 然 后 依据 下 面 步骤 ,分 阶段 进行 操作 。 


1. 规划 网 站 目录 结构 
首先 要 创建 各 子 目 录 和 文件 。 案 例 网 站 的 目录 结构 如 图 11-27 所 示 。 


Ey 
日 - BB snin 
田 国 userllanage aspx 
By web. confie 


[一 管理 员 用 户 管理 页 


| 一 学 生成 绩 查 询 页 


[一 教师 备课 页 
网 站 首页 一 
i 中 | 一 邮件 内 容 文本 
[一 用 户 密码 找 回 页 


用 户 注册 页 下 


图 11-27 案例 网 站 的 目录 结构 


其 中 各 子 目 录 内 的 web. config 文件 ,以 及 ASPNETDB. MDF 数据 库 文件 不 需 用 户 建 
立 , 待 经 过 后 面 的 配置 网 站 访问 安全 之 后 ,会 自动 生成 。 


2. 配置 网 站 访问 安全 


(1) 运行 [ ASP. NET 网 站 管理 工具 】, 单 击 [ 安全】 人 [使 用 安全 设置 向 导 按部就班 地 
配置 安全 性 】。 

(2) 在 相应 步骤 中 选择 [通过 Intemet】、[ 为 此 网 站 启用 角色 】, 并 添加 “管理 员 ”、 
“教师 " “学 生 " 三 个 角色 。 

(3)【 步 又 5: 添加 新 用 户 ] 中 ,创建 了 表 11-1 中 前 5 个 用 户 。 

(4) 在 [步骤 6: 添加 新 访问 规则 ] 中 ,对 admin 子 目 录 设 置 允许 “管理 员 " 角色 访问 ， 
拒绝 所 有 用 户 访问 ;对 teacher 子 目录 设置 允许 "管理 员 " “教师 "角色 访问 ,拒绝 所 有 用 
户 访问 ;对 student 子 目 录 设 置 允许 "管理 员 " “教师 " “学 生 " 角 色 访 问 ,拒绝 所 有 用 户 
访问 。 

(5) 返回 到 [安全 】 选 项 卡 界面 。 选 择 [ 管理 用 户 】 ,依照 表 11-1 对 5 个 用 户 进行 所 
属 角色 的 分 配 。 
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3. 配置 发 送 邮件 服务 


上 一 步 的 [ASP. NET 网 站 管理 工具 】 窗 口 不 用 关 , 单 击 [ 应 用 程序 ] [配置 SMTP 电 
子 邮件 设置 ] 。 然 后 填写 SMTP 相应 设置 。 

此 处 可 参考 11.5.6 小 节 的 内 容 。 

4. 构建 各 功能 网 页 

1) 网 页 首页 Default aspx 

该 页 的 设计 视图 效果 如 图 11-28 所 示 。 
Tasp LogmviewsL overtl 


LoginViewl 
院 妥 的 用 户 ， 汪 在 下方 进行 从 录 ， 
共有 登录 后 才能 进入 所 属 页 面 。 


图 11-28 首页 Default. aspx 的 设计 视图 效果 


拖 入 LoginView 控件 , 先 通过 [编辑 RoleGroups 】 添加 学 生 ,教师 .管理 员 三 个 角色 。 
再 为 视图 中 的 5 种 角色 模板 分 别 设置 相应 显示 内 容 : 
。 为 AnonymousTemplate 视图 输入 “亲爱 的 用 户 ,请 在 下 方 进行 登录 ,只 有 登录 后 才 


能 进入 所 属 页 面 。” 
e 为 LoggedInTemplate 视图 先 拖 和 一 个 LoginName 控件 ,再 在 后 面 输入 “您 好 ,您 的 
权限 不 足 !” 


。 为 RoleGroup[0]- 学 生 视图 先 拖 入 一 个 LoginName 控件 , 紧 跟 着 在 后 面 输入 “ 同 
学 你 好 ,请 单 击 以 下 链接 进入 成 绩 查 询 页 面 :" ,然后 再 下 方 拖 入 一 个 HyperLink 
控件 (Text 属性 设 为 “成 绩 查 询 ”, NavigateUrl 属性 指向 student 子 目 录 下 的 
myScore. aspx 网 页 ) 。 

。 为 RoleGroup[1]- 教 师 视 图 先 拖 入 一 个 LoginName 控件 , 紧 跟 着 在 后 面 输 入 “ 老 
师 好 ,请 进入 [ 备课] 专栏 "。 其 中 的 [ 备课] 是 拖 入 的 HyperLink 控件 (Text 属性 
设 为 “备课 ”, NavigateUrl 属性 指向 teacher 子 目录 下 的 prepareLessons. aspx 
网 页 ) 。 

e 为 RoleGroup[2]- 管 理 员 视图 输入 “ 国 不 可 一 日 无 君 ,网 不 可 一 日 无 [用 户 名 ]! 
请 进入 [用 户 管理 ]” 。 其 中 的 [用 户 名 ] 为 拖 入 的 LoginName 控件 , [用户 管理 ] 
为 拖 入 的 HyperLink 控件 (Text 属性 设 为 “用 户 管理 " ,NavigateUrl 属性 指向 
admin 子 目录 下 的 userManage. aspx 网 页 ) 。 

拖 人 一 个 Login 控件 ,并 设置 以 下 属性 : 

e VisibleWhenLoggedIn 属性 为 False; 

e CreateUserText 属性 为 “新 用 户 注册 ”; 
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。 CreateUserUrl 属性 指向 主 目录 下 的 

Register. aspx 网 页 ; 密码 
。 PasswordRecoveryText 属性 为 “忘记 新 密码 

Ee 确认 新 密码 。 

密码 ”; 确认 新 密码 "与 新 密码 "项 必须 四 配 。 
e PasswordRecoveryUrl 属性 指向 主 目录 下 更 改 密码 | 取消 | 

的 PwdRecovery. aspx 网 页 。 图 11-29 教师 备课 页 prepareLessons. aspx 
2) 教师 备课 页 prepareLessons. aspx 的 设计 视图 效果 
该 页 的 设计 视图 效果 如 图 11-29 所 示 。 
首先 输入 内 容 “ 教 师 备 课 平台 当前 用 户 ; [用 户 名 ] 登录 ”。 其 中 的 [用 


户 名 ] 为 拖 人 的 LoginName 控件 ,登录 为 拖 和 人 的 LoginStatus 控件 。 

然后 在 下 一 行 拖 入 ChangePassword 控件 。 

3) 管理 员 用 户 管理 页 userManage. aspx 和 学 生成 绩 查 询 页 myScore. aspx 

这 两 个 网 页 的 设计 效果 和 方法 与 前 面 的 教师 备课 页 prepareLessons. aspx 很 相似 ,只 
是 提示 内 容 略 有 不 同 。 这 里 不 再 袭 述 。 

4) 网 站 登录 页 Login. aspx 

拖 入 一 个 Login 控件 即 可 。 

5) 用 户 注册 页 Register. aspx 

拖 人 一 个 CreateUserWizard 控件 。 设 置 ContinueDestinationPageUrl 属性 指向 网 站 主 
目录 下 的 Default. aspx 网 页 。 

6) 邮件 内 容 文本 emailContent. txt 

输入 文本 “用 户 <% username%> 您 好 ,您 的 密码 是 < % password%> ” 

7) 用 户 密码 找 回 页 PwdRecovery. aspx 

拖 入 一 个 PasswordRecovery 控件 。 设 置 MailDefinition 属性 下 的 BodyFileName 子 属 
性 指向 网 站 主 目录 下 的 emailContent. txt 文本 文件 。 


11.9 直接 调用 API 进行 高 级 控制 


前 面 对 于 用 户 和 角色 的 管理 ,如 添加 删除 .修改 ,用户 所 属 角色 的 调整 等 ,基本 上 是 
利用 本 机 的 Visual Studio 中 的 “ASP. NET 网 站 管理 工具 "设置 的 。 而 使 用 登录 控件 所 能 
提供 的 功能 更 是 有 限 。 

如 果 硕 望 利用 自己 编写 的 网 页 就 能 对 成 员 及 角色 进行 更 高 级 别 的 控制 ,可 以 通过 在 
代码 页 中 编写 程序 直接 调用 ASP. NET 提供 的 相关 API( 应 用 程序 接口 ) 中 的 方法 来 
达到 。 

Cp 实 上 ,“ASP. NET 网 站 管理 工具 ”中 ,对 用 户 和 角色 的 管理 也 是 使 用 这 些 API 


方法 实现 的 。 

也 就 是 说 ,有 两 种 方法 对 注册 用 户 和 角色 进行 管理 ,一 种 是 利用 “ASP. NET 网 站 管 
理工 具 ” ,只 是 这 种 方式 适合 在 用 户 和 角色 固定 的 情况 下 的 静态 的 管理 。 男 一 种 是 通过 
程序 调用 ASP. NET 中 的 相关 API( 应 用 程序 接口 ) ,动态 完成 管理 。 
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例如 在 前 面 实 例 中 ,如 果 一 个 匿名 用 户 选 择 了 注册 新 账户 功能 获得 了 一 个 账号 ,但 是 
由 于 该 新 账号 还 未 隶属 于 任何 角色 ,所 以 他 登录 后 还 是 无 法 进入 任何 一 个 角色 的 子 目 
录 中 。 

怎样 将 其 添加 到 某 个 角色 中 呢 ? 解决 的 方法 是 编写 一 个 ASP. NET 网 页 ,通过 程序 
调用 ASP. NET 的 相关 API (主要 是 使 用 MemberShip 、MembershipUser 、Roles 和 
FormsAuthentication 4 个 类 ) ,以 实现 对 成 员 资格 与 角色 的 动态 即时 管理 。 

这 4 个 类 均 位 于 System. Web. Security 命名 空间 中 ,如 表 11-3 所 示 。 


表 11-3 ”对 用 户 和 角色 管理 的 4 个 类 
类 名 作 用 


Membership 类 可 以 完成 创建 和 删除 用 户 、 检索 用 户 信息 、 生 成 随机 密码 ,登录 验证 等 工作 


描述 在 成 员 数 据 存储 中 特定 的 注册 用 户 信息 , 它 包含 了 众多 的 属性 来 获取 
和 设置 用 户 信息 。 一 般 通 过 诸如 CreateUser .GetUser 方法 获得 该 对 象 


Roles 类 可 对 角色 进行 创建 .删除 . 读 取 ,以 及 为 用 户 进行 角色 的 分 配 


在 需 对 用 户 进行 身份 验证 的 应 用 程序 中 使 用 它们 。 主 要 包括 两 个 方法 : 
RedirectToLoginPage 方法 将 浏览 器 重 定向 到 已 配置 的 LoginUrl ,以 便 用 户 可 
FormsAuthentication 类 | 以 登录 到 应 用 程序 ; 

RedirectFromLoginPage 方法 将 通过 身份 验证 的 用 户 重 定向 回 最 初 请 求 的 受 
保护 URL 


MembershipUser 类 


类 中 的 方法 和 属性 使 用 都 很 简单 ,很 多 从 名 字 就 可 以 判断 出 来 作用 。 下 面 通过 一 系 
列 小 例子 来 说 明 用 户 和 角色 管理 API 中 几 个 常用 的 方法 和 属性 。 


全 全 有 这 上 API 之 前 要 确保 已 经 在 代码 页 内 导入 了 System. Web. Security 命名 空 
间 , 即 


Using System.WEb.Security7 


11.9.1 用 户 的 管理 


用 户 的 管理 需要 使 用 Membership 类 和 MembershipUser 类 ,前 者 从 宏观 处 理 用 户 ,如 
添加 、 删 除 用 户 等 。 后 者 从 微观 角度 对 某 一 个 用 户 进行 具体 的 管理 ,如 修改 密码 查看 上 
次 的 登录 时 间 等 。 下 面 列 出 几 个 常用 的 方法 。 

(1) 创建 一 个 新 用 户 。 用 户 信息 如 下 : 

。 用 户 名 :“ 燕 南 归 ”。 
e 初始 密码 :“yngl999.9”。 

。 电子 邮箱 :“yng@163. com”。 

。 密码 提示 :“ 我 喜欢 的 运动 是 ?”。 

。 密码 提示 回答 .“ 乒 乓 球 ”。 

。 是 否 允许 用 户 登 录 : 是 。 

则 创建 该 用 户 的 程序 代码 如 下 : 
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MarbershipCreateStatus mcs; // 声 明 状态 枚 举 值 mcs 

// 创 建新 用 户 ,并 将 该 用 户 创建 是 否 成 功 的 状态 值 存 人 状态 枚 举 值 mcs 中 
Marbership.CreateUser (" 燕 南 归 3"，"yngl999.9"，"yng schu.om", "我 喜欢 的 运动 是 ", "乒乓 球 "， 
true out mcs); 

if (mcs = = MenbershipCreatieStatus.Suooess) 

{ 


Response.Write ("用 户 创 建成 功 "); 


Response.Write ("用 户 创建 失败 "); 


(2) 验证 用 户 名 与 密码 是 否 有 效 , 有 效 返回 为 true ,无 效 则 返回 为 false。 


if Merbership.ValidateUser (" 喊 南 归 ""yngl999.97)) 
{ 

Response.Write ("用 户 验 证 成 功 "); 
} 


(3) 查找 用 户 “ 燕 南 归 ”。 首 先 要 获取 该 用 户 所 有 信息 的 一 个 集合 (返回 为 一 个 
MembershipUser 类 ) ,然后 再 对 该 用 户 ete 


// 获 取 鸣 南 归 " 的 所 有 信息 集合 ,赋值 给 MerbershipUser 类 的 ma 
MenbershipUser m= Merbership.GetUser (" 纵 南 归 "); 
// 修 改 " 纹 南 归 "的 密码 ,由 旧 密 码 "yng1999.9" 路 为 "I'myngl999" 
mu.ChangePassword ("yngl999.9", "Imyng1999m) ; 
Marbership.UpdateUser (my) ; /更 新 数据 
// 设 置 用 户 鸣 南 归 "的 电子 邮件 地 址 为 "yng@ 126.cmm" 
mu.Frail = "yng@ 126.com"7 
Manibership.UpdateUser om) ; 
// 获 取 用 户 哟 南 归 "当前 是 否 在 线 , 返 回 为 true 表 示 在 线 ,返回 false 为 不 在 线 
证 tm.Isonline) 
{ 

Response.Write ("该 用 户 还 在 线 "); 


Response.Write ("这 个 用 户 已 经 离开 本 站 了 "); 
} 
// 获 取 用 户 鸣 南 归 "上 次 登录 本 网 站 的 日 期 和 时 间 
Response.Write ("还 记得 上 次 遇见 你 是 在 "+m.Lastioginpate.Tcstring()); 


(4) 删除 用 户 “ 燕 南 归 ”, 并 删除 相关 的 数据 。 


Menbership.DeleteUser (" 蔗 南 归 "tros)， 
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11.9.2 角色 的 管理 


对 角色 的 管理 主要 使 用 Roles 类 ,常用 的 方法 有 以 下 几 种 。 
(1) 判断 是 否 已 存在 “新 闻 发 布 员 " 角 色 ,否则 就 新 建 “ 新 闻 发 布 员 " 角 色 。 


if Eoles.Folegxists (" 新 闻 发 布 员 ")) 
{ 
Response.Write ("该 角色 已 经 存在 ,不 能 重复 创建 1"); 
} 
else 
{ 
Roles.CreateRole ("新 闻 发 布 员 "); 
} 


(2) 删除 现 有 角色 “新 闻 发 布 员 ”。 
Foles.Deletsgole (" 新 闻 发 布 员 罗 ; 


(3) 列 出 网 站 所 有 角色 。 由 于 Roles. GetAllRoles( ) 返回 的 是 一 个 字符 串 数 组 集合 ， 
所 以 可 以 用 循环 分 别 列 出 。 


foreach (string strRoleName in Roles.GetALRoles ()) 
{ 

Response.Write (strRoleName + " < br/ > "); 
} 


(4) 将 用 户 “ 燕 南 归 ”添加 到 “学 生 " 角色 。 
Foles.aabnserTeFole ("只 南 归 "," 学 生 "); 
(5) 列 出 隶属 于 “学 生 " 角 色 的 用 户 。 


foreach (string strName in Roles.GetUsersInRole ("学 生 ")) 
{ 

Response.Write (strName + " <br/> "); 
} 


(6) 判断 用 户 “ 燕 南 归 "是 否 属于 “学 生 " 角 色 。 


if(Roles.IsUserIrRole(" 比 南 归 "," 学 生 ")) 
1 
Response.Write ("中 南 归 是 学 生 "); 
’ 
else 
{ 
Response.Write (" 织 南 归 已 经 不 再 是 学 生 啦 1"); 
3 
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(7) 将 用 户 * 燕 南 归 " 从 * 学 生 "角色 中 移 去 。 
le( 芒 南 归 " "学生 "; 


11.9.3 常用 验证 用 户 的 一 个 例子 


可 以 使 用 Membership. ValidateUser ( ) 方法 和 FormsAuthentication. RedirectFrom- 
LoginPage( ) 方法 很 方便 地 自制 一 个 登录 验证 程序 。 关 键 代 码 如 下 所 示 , 其 中 
txtUsername 和 txtPassword 均 为 文本 框 控件 ,用 于 接受 用 户 名 和 密码 ;labMessage 为 标签 
控件 ,用 于 显示 提示 信息 。 

if (Erbership.ValidateUser (txtUsemare.Text, txtPassword.Text)) 

{ 


Roles. 


FEbrmsmuthentication.FedirectFrarLoginPaoge (txtUsemare.Text, true); 
} 
else 
{ 
1adMessage.Text = "登录 失败 ,请 检查 输入 的 用 户 名 和 密码 是 否 正确 !"; 
} 


11.10 存储 注册 用 户 的 个 性 化 信息 Profile 


利用 前 面 讲述 的 CreateUserWizard 控件 可 以 很 方便 地 注册 新 用 户 , 但 该 控件 默认 只 
存储 “用 户 名 " “密码 " “电子 邮件 "“ 安 全 


沪 无 标题 页 - Microsoft Internet Explorer 攻占 | 区 | 


提示 问题 ”和 “安全 答案 ”5 个 信息 ,如 果 和 希望 文件 下 编辑 全 ) 查看 W) 收藏 工具 I) 帮助 (” 亡 
CreateUserWizard 控件 也 能 支持 填写 “QQ”、 上 98-9©- 昌 日 扣 | 雪人“ 网- 


地 址 加) | 镜 http://1ocalhost:1452/aspnet/Reeister oa 加 | 园 和 到 


“班级 "这 样 比较 有 个 性 化 的 注册 信息 ,就 要 
使 用 到 Profile 对 象 。 最 终 使 用 效果 如 
图 11-30 所 示 。 

需要 做 的 工作 有 3 项 : 

(1) 首先 要 在 网 站 配置 文件 web. config 
中 声明 个 性 化 信息 名 称 ( 这 里 是 QQ 号 码 和 
班级 ) ; 

(2) 设置 CreateUserWizard 控件 为 [ 自 定 
义 创建 用 户 步 又 】; 

(3) 在 创建 用 户 事件 中 使 用 API 读 取 并 
保存 到 网 站 数据 库 中 。 


11.10.1 声明 个 性 化 信息 


对 个 性 化 信息 进行 声明 需要 通过 在 web. config 文件 中 添加 < profile > 节点 完成 。 
<profile > 节点 要 放 在 < system. web > 之 内 。 例 如 ,要 添加 QQ 号 码 和 班级 两 个 个 性 化 信 


图 11-30 创建 个 性 化 的 用 户 注册 信息 
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息 , 配 置 代码 如 下 : 


< system.web > 


< ancnymcusIcertificaticn enabled= "true"/ > 
<profile> 
<Properties > 
< add nare= "QQ" type = "int" allowgncnymcus = "true"/ > 
< add name = "Classroam" type = "string™” 
allcwpncrnymcus = "true"/ > 
< /properties > 
< /profile> 


< /system.web > 
其 中 , < anonymousIdentification enabled =" true"/ > 用 于 设置 允许 匿名 登录 验证 。 


<add > 元 素 中 的 type 用 于 设置 信息 字段 存放 的 类 型 ,allowAnonymous 用 于 设置 是 否 允 
许 匿名 用 户 注册 该 字段 , 均 不 能 省 略 。 
11.10.2 设置 CreateUserWizard 控件 

在 Visual Studio 的 设计 视图 ,展开 CreateUserWizard 控件 的 【快捷 任务 ] 菜单 ,选择 
【 自 定义 创建 用 户 步 又 】 ,如 图 11-31 所 示 。 


这 时 ,CreateUserWizard 控件 内 的 各 注册 字段 就 可 以 编辑 了 。 如 果 切 换 到 【 源 】 标 签 
视图 ,调整 会 更 加 灵活 。 可 以 向 其 中 新 增 个 性 化 注册 字段 ,如 QQ 号 码 .班级 ,如 图 11-32 


所 示 。 
aspiCreateUserWizard#CreateUserWe-| 区 
注册 新 账户 门 Gresteysertizara 任务 
用 户 名 门 .| | 
步骤 : [注册 新 号 户 
密码 添加 / 移 除 WizsrdSteps. 
确认 密码 : * | | 转换 为 StartNavi gationTenplate 
一 转换 为 StepJlavieationTenplate 
电子 邮件 : 0 | 转换 为 Fini shNavigationTenplate 
安全 提示 问题 :| | | 转 执 为 CustonliavigationTenplate 
安全 答案 : * | | 目 定 X 完 成 步 李 1 
密码 "和 "确认 密码 "必须 匹配 。 营 理 网 站 密码 "和 -确认 密码 "必须 匹配 。 
pT ei [ Literal "ErorMessage’ ] 
, 创建 用 户 | 
图 11-31 选择 CreateUserWizard 控件 的 图 11-32 为 CreateUserWizard 控件 
【 自 定 义 创建 用 户 步 骤 】 新 增 个 性 化 注册 字段 


11.10.3 使 用 API 对 个 性 化 注册 信息 进行 读 取 


直接 双击 CreateUserWizard 控件 ,会 生成 CreateUserWizardl _CreatedUser 事件 ,然后 
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此 事件 中 先 获取 个 性 化 信息 内 容 ,再 调用 Profile 的 相关 API 将 其 保存 到 网 站 数据 库 中 。 

要 处 理 新 增 的 个 性 化 注册 字段 控件 ,需要 使 用 FindControl( ) 方 法 从 CreateUserWizard 
控件 的 CreateUserStep. ContentTemplateContainer 容器 内 搜寻 。 请 注意 ,搜寻 出 的 类 型 是 
Control, 所 以 要 进行 类 型 的 转换 。 

对 于 CreateUserWizard 控件 内 置 的 注册 字段 ,可 以 直接 读 取 值 ,如 用 户 名 ( UserName) 
字段 .电子 邮件 字段 (E-mail) 等。 

保存 个 性 化 注册 字段 ,要 先进 行 数据 的 关联 。 之 后 , 才 可 以 使 用 Profile. Save( ) 方 法 
进行 实际 的 保存 。 具 体 代码 如 下 所 示 。 


Protected void CreateUserWizardl CreatedJser (dbject sender, EventArgs e) 


// 搜 寻 新 增 的 个 性 化 注册 字段 中 功名 为 txto8 的 TextBcz 控 件 

TextBox txtMyQRD= (TextBox) CreateUserWizardl .CreateUserStep. 
ContentTemplateContainer.Findcontrol ("txto0"); 

// 搜 寻 新 增 的 个 性 化 注册 字段 中 功名 为 txtclassrom 的 TextBox 控件 

TExtBox txtMyClassroam= (TextBox)CreateUserWizardl .CreateUserStep. 
ContentTerplateContainer.Findcontrol ("txtClassroam")7 

Profile.QR = jnt.Farse( txtMyQp.Test )7 

Profile.Classroom= txtMyClassroam. Text; 

String strUserName = CreateUserWizardl .UserName; 

// 通 过 指定 用 户 名 ,进行 个 性 化 数据 的 关联 

Profile.Initialize (strUserName, false); 

Profile.save (); // 保 存 用 户 注册 数据 
} 


注册 数据 保存 后 ,对 应 着 ,也 可 以 再 将 某 个 用 户 的 注册 信息 读 取出 来 。 如 果 是 内 置 的 
字段 (如 用 户 名 .电子 邮件 等 ) ,使 用 MembershipUser 类 ;如果 是 个 性 化 信息 的 字段 (如 
QQ 号 .班级 等 ) ,要 使 用 ProfileCommon 类 获取 。 例 如 ,获取 用 户 Tailwind 的 注册 信息 并 
输出 ,程序 如 下 所 示 : 

string strUsemame = "Tailwind"; 

MEnibershipUser mu = MEnibership.GetUser (strUsemame); 

ProfileCqmon pc = Profile.GetProfile (strUsemame); 

Response.Write ("用 户 名 : "+ru.UserName) 7 

Response.Write ("电子 邮件 : "+m.Erail ); 

Response.Write ("QQ 号 码 : "+pc.0Q.ToString() ); 

Response.Write ("所 在 班级 : "+pc.Classroam ); 


本 章 小 结 
基于 角色 的 安全 技术 目前 已 经 成 为 网 站 的 普遍 需要 ,构建 这 类 应 用 的 模式 都 相对 稳 


定 ,因此 ASP. NET 提供 了 智能 工具 和 组 合 控件 ,将 用 户 管理 和 网 页 安全 方法 的 大 部 分 复 
杂工 作 , 包 括 数据 表 的 生成 .连接 、 添 入 数据 和 查询 等 都 隐藏 在 内 部 自动 进行 ,大 大 简化 了 
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设计 过 程 。 

使 用 系统 提供 的 基于 角色 的 安全 管理 ,主要 是 将 网 页 进行 合理 的 分 类 ,并 放置 于 不 同 
的 目录 下 ,然后 用 web. config 保护 目录 下 的 文件 。 可 以 通过 手动 直接 在 web. config 文件 
中 撰写 保护 策略 ,也 可 以 利用 Visual Studio 的 网 站 管理 工具 ,更 高 级 的 办 法 是 调用 
Membership 等 API 方法 进行 管理 。 

系统 提供 的 7 个 控件 一 旦 生成 ,就 具备 基本 的 显示 界面 和 比较 完善 的 功能 。 设 计 者 
只 需 根 据 情 况 进 行 设 置 和 修改 ,以 符合 应 用 程序 的 实际 需要 。 


习题 
1. 填空 是 
(1) LoginStatus 控件 用 来 显示 用 户 的 ,以 便 可 以 随时 退出 登录 状态 。 


(2) LoginName 控件 用 来 自动 显示 登录 的 

(3) 当 利 用 CreateUserWizard 控件 创建 新 用 户 时 ,密码 不 能 随便 设置 ,必须 符合 以 下 
3 项 条 件 : ; ; o 

(4) 帮助 用 户 恢复 密码 可 以 利用 控件 进行 设计 。 


(5) 帮助 用 户 修改 密码 可 以 利用 控件 进行 设计 。 

2. 选择 题 

(1) ASP. NET 中 基于 角色 的 安全 技术 默认 使 用 的 是 ( 。 ”) 数 据 库 。 
A. SQL Server 2000 B. SQL Server 2005 Express 
C. Access D. 以 上 都 支持 

(2) 在 一 个 子 目录 的 web. config 文件 中 有 如 下 一 段 代码 : 
< authorizaticn > 


<allow roles = "admin"/ > 
< allow roles = "manager"/ > 
< deny users="*"/> 
<allow roles= "sales"/ > 


< /authorizaticn > 

允许 访问 此 子 目录 下 的 网 页 的 角色 有 ( ) 。 

A. admin B. manager 

C. admin 和 manager D. admin, manager 和 sales 
(3) 用 户 登录 控件 (Login) 中 的 DestinationPageUrl 属性 代表 ( es 

A. 登录 成 功 的 提示 B. 登录 成 功 时 转向 的 网 页 

C. 登录 失败 时 转向 的 网 页 D. 登录 失败 时 的 提示 
3. 判断 题 


(1) 所 谓 角色 (role) 是 若干 具有 相同 访问 权限 用 户 的 集合 。 ( ) 


各 总 从 证 一 一 登录 控 
We 3 为 了 身份 验证 一 一 登录 控件 4 


(2) 只 能 给 每 个 用 户 分 配 一 个 角色 。 ( ) 
(3) 登录 视图 控件 (LoginView ) 只 能 有 两 种 模板 ,因而 只 能 载 人 两 种 视图 。 ( ) 


4. 简 答 题 


(1) 简 述 ASP. NET 对 基于 角色 的 安全 技术 的 支持 。 
(2) 简 述 利用 ASP. NET 网 站 管理 工具 定义 角色 、 创 建 用 户 和 指定 访问 规则 的 步骤 。 


5. 操作 题 
(1) 在 系统 中 设置 三 种 角色 并 分 配给 多 个 用 户 ,他 们 的 权限 各 不 相同 ;在 登录 视图 控 
件 (LoginView) 中 为 这 三 种 角色 设置 不 同 的 网 站 视图 。 以 实现 不 同 角色 访问 网 站 时 的 不 


同 结果 。 
(2) 在 网 页 中 设置 控件 ,编写 代码 利用 Membership API 来 创建 新 用 户 。 


第 12 章 
ASP NET 中 的 五 大 对 象 


对 象 是 一 个 封装 的 实体 ,其 中 包括 数据 和 程序 代码 。 一 般 不 需要 了 解 对 象 内 部 是 如 
何 运作 的 ,只 须知 道 对 象 主要 功能 即 可 。 每 个 对 象 都 有 其 方法 、 属 性 和 集合 ,用 来 完成 特 
定 的 功能 ,方法 决定 对 象 做 什么 ,属性 用 于 返回 或 设置 对 象 的 状态 ,集合 则 可 以 存储 多 个 
状态 信息 。 
ASP. NET 内 置 提 供 了 许多 对 象 ,但 最 常 使 用 的 有 5 个 ,分 别 是 : 
e Response 对 象 与 Request 对 象 。 前 者 用 于 向 客户 端 输出 信息 , 即 控制 将 数据 从 服 
务 器 发 送 到 浏览 器 。 后 者 用 于 获取 客户 端 信息 , 即 接收 从 浏览 器 向 服务 器 所 发 送 
的 请 求 信息 。 两 者 方向 相反 。 
e Server 对 象 。 可 以 让 用 户 以 程序 的 方式 掌控 Web 服务 器 的 执行 状态 。 
e Application 对 象 与 Session 对 象 。 前 者 为 公开 的 性 质 ,全 体 浏览 用 户 均 可 共享 的 
读 写 存储 在 该 对 象 内 的 信息 。 后 者 为 私有 性 质 , 每 个 用 户 都 只 能 读 写 自己 的 会 话 
信息 。 


12.1 发 送 对 象 Response 


Response 对 象 用 于 控制 将 数据 从 服务 器 发 送 到 浏览 器 。 常 用 的 有 3 个 方法 : 
。 写 方法 Write() 

。 结束 输出 方法 End( ) 

e 网 页 重 定向 方法 Redirect( ) 


12.1.1 写 方法 Write( ) 


Write( ) 方 法 用 于 向 客户 端 浏 览 器 输出 提示 文本 ,前 面 的 章节 中 已 经 多 次 用 到 。 格 
式 为 : 

Response .mrite 则 示 内 容 表达 式 ); 

例如 要 输出 “小 华 ,你 好 ! 现在 的 时 间 是 x x”。 可 写 为 : 


Response.Write ("小 华 , 你 好 ! 现 在 的 时 间 是 "+ DateTime.Now.Tcstring()); 
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由 于 ASP. NET 中 有 专门 用 于 输出 信息 的 控件 ,如 Label 控件 、Literal 控件 等 ,因此 
Write( ) 方 法 实际 开发 时 运用 得 并 不 是 很 多 ,更 多 的 是 应 用 在 调试 中 ,或 者 在 错误 捕捉 程 
序 段 中 输出 提示 信息 。 


12.1.2 结束 输出 方法 End( ) 
End( ) 方 法 用 于 停止 向 客户 端的 浏览 器 输出 。 格 式 为 : 


Response.End(); 
例如 有 以 下 语句 : 


Fesponse-Wite(" 我 爱 你 祖国 m; 
Response.End (); 
Response.Write ("也 爱 塞北 的 雪 "); 


运行 后 浏览 器 输出 的 结果 只 显示 为 “我 爱 你 祖国 "。 而 后 面 的 “也 爱 塞北 的 雪 "” 不 会 
被 显示 ,因为 系统 执行 完 Response. End( ) ;语句 后 就 停止 输出 了 。 该 语句 常 与 让 语句 配 
合 使 用 。 有 时 ,也 用 于 调试 环境 下 。 


12.1.3 网 页 重 定向 方法 Redirect( ) 
Response. Redirect( ) 用 于 将 浏览 器 重 定向 到 另 一 个 网 页 或 网 址 。 格 式 为 ; 


Response.Redirect (ORD) 7 


其 中 ,URL 为 重 定向 的 网 页 地 址 或 网 址 。 

例如 下 面 的 程序 ,接收 用 户 输 入 到 TextBox 控件 (txtInput) 中 的 文本 值 ,如 果 是 “关于 
本 站 ”, 就 转 到 站 点 主 目录 下 的 about. aspx 页 ,如 果 是 “百度 ” ,就 转 到 百度 的 网 站 www. 
baidu. com , 如果 输 入 其 他 值 ,就 在 Label 控件 (labMessage) 中 提示 “请 输入 正确 的 名 称 ”。 


string strInput = txtInput.Text; 
Switch (strInput) 
{ 
case "关于 本 站 ": 
Response.Redirect (" ~ /about.aspxm 
break; 
Case 嘻 度 全 
Response.Redirect ("http://ww.baidi.om"); 
break; 
Gefault: 
laqMessage.Tezt = "请 输入 正确 的 名 称 "; 
break; 
} 


请 注意 路 径 的 问题 。 如 果 是 互联 网 地 址 ,而 不 是 本 站 点 内 的 网 页 ,要 确保 书写 了 
“http://”。 如 “http://www. baidu. com”, 不 能 写成 “www. baidu. com” 。 
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12.2 接收 对 象 Request 


Request 对 象 用 于 获取 客户 端的 信息 。 

用 户 的 浏览 器 在 向 Web 服务 器 发 送 页 面 请 求 时 ,除了 将 请 求 页 面 的 URL 地 址 发 送 
给 服务 器 外 ,也 将 客户 端 浏 览 器 属性 以 及 其 他 一 些 信 息 也 同时 发 送 给 服务 器 。 使 用 
Request 对 象 可 以 获得 这 些 信息 。 

Request 对 象 常 在 以 下 两 种 情况 下 : 

。 获取 调用 网 页 传 过 来 的 参数 值 ; 

。 获取 浏览 者 的 全 地 址 。 


12.2.1 获取 调用 网 页 传 过 来 的 参数 值 


人 们 在 浏览 网 站 时 经 常 发 现 ,很 多 URL 中 紧 随 在 网 页 名 称 后 面 会 有 一 个 问号 “?”， 
这 个 问号 后 面 的 部 分 即 是 传送 的 参数 。 

例如 : 

http://www.bing.om/worldwide .aspx? scope = websq = microsoft + om 

http://www.sun.om/storage/disk_systems/unified storage/rescuroces.jsp? 

intamp = 2992 

也 有 一 些 URL 中 ,尽管 问号 前 面 的 不 是 网 页 名 称 格式 ,但 后 面 的 部 分 同样 也 是 参数 : 

http://ww.sn.om/webinars/? ”intamp= 3523 

http://ww.bing.om/seardh? q=microsoft + omgsetrkt = en - US&setlang = SET 

Niauid= BC113A308FCOFM= WE 

参数 由 参数 名 和 参数 值 组 成 ,格式 为 “参数 名 = 参数 值 ” 。 例 如 intcmp =3523 。 参 数 
名 往往 是 固定 的 ,变化 的 总 是 参数 值 。 

多 组 参数 之 间 使 用 “ &" 符 号 连接 ,例如 scope = web 及 qd = microsoft + com。 

如 果 调 用 一 个 网 页 的 格式 是 : 

http://localhost/test .aspx? id= 8848 

那么 在 这 个 网 页 ( test. aspx ) 中 , 如何 获得 参数 id 的 值 8848 呢 ? 可 以 使 用 格式 
“Request[ 参数 名 ] ”的 方式 来 获取 。 即 

string str1ld= Reqpest ["id"]; 

Request[ "id" ] 获 得 名 为 id 的 参数 值 8848 ,并 赋值 给 变量 strId ,strId 的 值 就 是 8848。 

这 样 接收 处 理 有 什么 用 处 呢 ? 先 看 一 看 如 图 12-1 所 示 的 情况 。 

当 鼠 标 悬 放 到 “元 旦 贺词 一 鼓 足 干劲 更 上 台阶 ”链接 时 ,浏览 器 状态 栏 会 显示 出 
对 应 的 目标 链接 URL* http://news. tongji. edu. cn/show. aspx? id = 26484 &cid =6”。 

再 看 一 看 如 图 12-2 所 示 的 情况 。 


当 同济 大 学 - Wicrosoft Internet Explorer 
文件 四 福 强 ) 查看 了 收 着 人 工具 D 帮助 如 


-日 " 国 国 昌 | 记 全 全 -名 加 -加 多 


地 旦 加 国 Mtp /or cone)i civ einden tal 


同济 概况 校园 信息 。 ”机构 设置 。 。” 院 系 介绍 。 “招生 就 业 。。 人 才 培 状 科学 研究 


* 学校 简介 现任 领导 历史 司 网 历任 校长 宇 放 精英 统计 芭 血 术 区 分 市 核 园 虹 


当 鼠 标 悬 放 到 链接 时 


这 里 显示 出 目标 


(1 月 6 日) 网 六法 学 大 讲 重 之 九 后 关机 时 代金 融 1y URL 


， (1 月 6 日 将 汶 其 粤 自 也 系列 进 寺 之 七 : 在 国际 
。( 1 月 日 ) 讲 是: 030 年 上 站 央 市 发 展 展开 


图 12-1 鼠标 悬 放 到 第 一 个 链接 时 显示 出 的 目标 链接 的 URL 


立 件 四 ”编辑 下 查看 了 路基 入 ) 工具 代 ) 才 轴 员 
QQ." 昌 '" 国 国 蛤 | 四 全 :高 国 ": 回 KK 
地 泪 0 儿 Mty /wer ta sd evsndex hial 


同济 概况 校园 信息 。 “机 构 设置 院 系 介 ! 


> 何以 简介 砚 在 领导 历史 回 二 捷 任 议长 学 


招生 就 业 人 才 培 养 科学 研究 。 科技 产业 


同济 快 污 焦点 新 闻 


党 之 族 后 危机 时 代金 融 
列 讲 二 之 七 : 在 国际 


图 12-2 鼠标 其 放 到 下 一 个 链接 时 显示 出 的 目标 链接 的 URL 


当 鼠 标 悬 放 到 “法 国 南 特 管理 学 院 院 长 来 访 经 管 学院 ” 链 接 时 ,浏览 器 状态 栏 会 显示 
出 对 应 的 目标 链接 URL* http://news. tongji. edu. cn/show. aspx?id = 26480 &cid =9”。 

下 面 的 几 个 链接 大 体 相似 。 除 了 参数 值 有 变化 ,其 他 完全 一 样 。 

很 明显 ,无论 单 击 哪 个 链接 ,调用 的 都 将 是 同一 个 网 页 show. aspx ,而 控制 显示 文章 
内 容 由 参数 值 来 决定 。 

为 什么 同一 个 网 页 能 根据 送 去 的 不 同 参数 值 而 会 显示 不 同 的 文章 内 容 呢 ? 

实际 上 所 有 的 文章 内 容 事先 都 是 保存 在 网 站 数据 库 内 的 ,并 以 数据 记录 的 形式 在 保 
存 相应 表 中 ,每 条 记录 就 存放 着 一 篇 文章 。 表 结构 如 表 12-1 所 示 。 
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表 12-1 存放 着 文章 的 表 结 构 


文章 编号 文章 标题 文章 内 容 
26484 | 元 旦 贺词 一 鼓 足 干劲 更 | 值 此 辞 昌 迎新 之 际 ,我 们 说 代表 学 校 党 委 和 行政 ,向 辛勤 
上 台阶 工作 ,无私 奉献 的 …… 
i 汉 纪 忠 教授 追思 会 举行 色 | 怀 着 无 限 崇敬 与 感恩 之 情 ,深切 缅怀 一 代 建 筑 大 师 为 同济 
纪 忠 奖励 基金 成 立 (图 ) 建筑 学 科 ,为 中 国 现代 建筑 事业 做 出 的 卓越 贡献 …… 
Be 法 国 南 特 管理 学 院 院 长 来 | 12 月 28 日 , 法 国 南 特 管 理学 院 院 长 Jean- Pierre HELFER 


访 经 管 学 院 教授 来 访 我 校 …… 


网 页 show. aspx 做 的 工作 分 3 步 : 

(1) 首先 接收 送 过 来 的 id 值 ,得 到 26484 这 样 的 数字 (很 容易 ,使 用 Request 对 象 就 
可 以 ) ; 

(2) 到 数据 表 里 检索 对 应 的 这 条 数据 记录 ,得 到 对 应 编号 的 文章 标题 和 文章 内 容 
(数据 库 相 关 章 节 负 责 介绍 ) ; 

(3) 将 文章 标题 和 文章 内 容 显示 到 网 页 相应 的 位 置 上 (利用 Label 控件 显示 ,向 其 
Text 属性 赋值 即 可 ) 。 


12.2.2 获取 浏览 者 的 卫 地址 
有 时 ,需要 在 网 页 中 获取 浏览 者 所 在 人 P 地 址 ,如 图 12-3 所 示 。 


当 广 州 2010 年 YIFI 厢 差 全 市 公共 场所 上 网 免费 -IT 东道 - 21CW. COEE -了 icrosol 
文件 下) ” 端 避 了 ) 查看 WD 收 宗 公 ) 工具 GD) 帮助 op 

G@-@O- 固 国 失 | 大 人 | 全 - 急 团 - 国 KK 

起 址 加 | 图 http:1it 21cn eon/itners/info/2008/11/03/541574L shtal 


晤 最 新 评论 ( 共 5 条 》 


显示 评论 者 的 
ps OKO] | 天 
网 页 屏蔽 了 最 | 从 | ?29 SS 


希望 广州 市 政府 能 进一步 说 话 。 “* 质 检 总 局 


[回复] 支持 (0)] [反对 (0)] “" 破 呢 前 店 | 
。 看 看 原装 


后 一 位 数字 ) 
3 楼 | 21CH 网 友 4. 着 发 表 
这 只 是 个 传说 
品 复 ] 支持 (0)] [反对 (0)] ， 罩 免费 电影 


Zia 


> 


图 12-3 在 网 页 中 获取 浏览 者 的 亿 地 址 


获取 浏览 本 网 页 者 的 卫 地 址 非常 方便 ,使 用 Request. UserHostAddress 即 可 。 
下 面 的 例子 可 以 显示 访问 者 的 姓名 和 IP 地 址 (将 代码 写 入 Page_Load 事件 中 
即 可 ) 。 


证 eqnest[ruserkeamrer] = = mul) // 若 参数 为 空 , 则 提示 并 结束 运行 
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Response.Write ("请 补充 参数 "); 
Response.Erd(); 


Response.Write ("欢迎 "+ Fegnest["ruserName"] + "的 访问 <br/>"); 
Response.Write ("访问 时 间 : "+DateTime.Now+"<br/>"); 
Response.Write ("您 的 耳 地址 : "+ Request.UserHpstPcdress); 

} 

代码 说 明 : 

。 为 防备 获取 参数 丢失 ,应 该 对 参数 是 否 为 空 进行 判断 ; 

。 XHTML 换行 标签 ” < br /> "在 程序 代码 中 应 作为 字符 串 处 理 ; 

。 获取 访问 时 间 可 以 使 用 内 置 结构 DateTime 的 Now 属性 。 

运行 结果 如 图 12-4 所 示 。 


恒 无 标题 页 - Hicrosoft Internet Explorer 
文件 中) 编辑 区) 查看 WD 收藏 A) 工具 CD) 帮助 0) 居 
i@Q-*O- 国 国信 | 你 8|9: 总 团 - 回 Kk ;多 - 


地 址 加 | 阐 http://1ocalhost:1452/aspnet/Defanlt. aspx?userme=Tsilvind 加 | 园 和 到 


欢迎 Tailwind 的 访问 手工 填写 此 
访问 时 间 ， 2010-1-4 10:48:08 参数 部 分 
您 的 人 P 地 址 ，127.0.0.1 


厅 本 地 Intranet 


图 12-4 显示 访问 者 的 姓名 和 四 地址 


网 页 运行 后 ,首先 显示 提示 文字 “请 补充 参数 " ,这 是 因为 它 还 没有 获取 到 参数 。 可 
以 在 链接 地 址 后 面 补充 填写 上 “? userName = Tailwind” 参数, 然后 按 回 车 键 或 单 击 [【 转 
到 ] 按 钮 固 痢 | , 即 出 现 上 述 效果 。 

也 可 以 在 另外 一 个 网 页 中 添加 一 个 HyperLink 控件 ,在 链接 地 址 NavigateUrl 属性 
中 直接 写 为 ”~/Default. aspx? userName = Tailwind”。 然 后 通过 该 网 页 的 链接 调用 本 
网 页 。 


12.3 服务 器 对 象 Server 


Server 对 象 可 以 使 用 服务 器 上 的 一 些 高 级 功能 。 这 里 只 介绍 它 的 常用 的 几 组 方法 。 
12.3.1 HtmlEncode 方法 和 HtmlDecode 方法 
有 些 时 候 需要 在 页 面 中 显示 HTML 标记 ,如 果 在 页 面 中 直接 输出 标记 ,浏览 器 会 把 
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标记 解释 成 HTML 语言 的 效果 进行 输出 。 例 如 下 面 的 代码 : 
Response.Write ("下 面 我 们 学 习 < strong > 标签 ,以 及 <u> 标 签 "); 
运行 后 输出 的 结果 如 图 12-5 所 示 的 效果 。 


EE Ed 
文件 中 ”编辑 下 查看 WW) 收 康 中 工 只 IC) 帮助 亡 
B-e@- 国 国人 @ 忆 六 @19- 1 和 
地 址 站) | 罩 http://1ocslhost:1452/aspnet/Defanlt. aspx 加 | 加 大 到 


下 面 我 们 学 习 标签 ， 以 及 标签 


图 12-5 浏览 器 将 标记 解释 成 XHTML 语言 的 效果 进行 输出 


这 当然 不 是 设计 者 的 本 意 。 解 决 的 办 法 就 是 对 输出 的 内 容 进行 编码 。 将 代码 改 
写 为 : 

Response.Write (Server.HmlEnoode(" 下 面 我 们 学 习 < strong > 标签 ,以 及 <u> 标 签 ")); 

修改 后 再 运行 就 正常 了 。Server 对 象 的 HtmlEncode( ) 方 法 的 作用 就 是 对 输出 给 客 
户 端 浏览 器 的 内 容 进行 HTML 编码 。 

通过 浏览 器 的 查看 源 文件 功能 ,可 以 发 现 服务 器 输出 过 来 的 内 容 已 经 被 编码 为 : 

下 面 我 们 学 习 at;strongsgt; 标 签 ,以 及 glt;usgt; 标 签 
即 ,HTML 标签 的 符号 ” < "被 编码 为 “&lt; ”; 符 号 ” > ”被 编码 为 *&gt; ”。 这 样 浏览 器 
在 显示 内 容 的 时 候 就 不 会 搞 错 了 , 它 会 将 编码 还 原 为 对 应 的 符号 并 显示 出 来 。 

HtmlDecode 方法 与 HtmlEncode 方法 是 一 对 相反 的 过 程 ,是 将 编码 后 的 标记 解 
码 。 如 : 


Response.Write (Server.HtmlDpeoode (" 就 是 这 个 at;strongsgt; 加 粗 
at;/strongsgt; 的 效果 &lt;strongsgt;")); 


运行 后 的 显示 效果 为 “就 是 这 个 加 粗 的 效果 ”。 
12.3.2 UrlEncode 方法 和 UrlDecode 方法 


通过 地 址 栏 在 两 个 网 页 之 间 进 行 参数 传递 时 ,参数 值 中 是 不 能 出 现 一 些 特殊 字符 的 ， 
比如 空格 #、@ 和 && 等 ,也 不 能 出 现 汉字 ,否则 会 影响 接收 的 正确 性 。 如 果 确 实 需要 传送 
这 些 信息 ,就 需要 使 用 到 UrlEncode 方法 进行 URL 的 编码 。 

例如 ,a. aspx 网 页 中 的 重 定向 语句 写 为 : 

Response.Redirect ("~ /b.aspx? ontent =6 + 8"); 

由 于 调用 了 b. aspx 网 页 ,并 携带 了 参数 ,所 以 在 b. aspx 网 页 中 可 以 使 用 “Request 


["content" ] "方式 接收 参数 值 并 显示 出 来 ,如 图 12-6 所 示 。 
请 注意 ,本 应 是 “6 +8” ,实际 却 显示 成 为 了 “6 8” 。 中 间 的 加 号 + "哪里 去 了 呢 ? 
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池 无 标题 页 - Wicrosoft Internet Explorer 
文件 FE) 编辑 于 ) 查看 Q) 收藏 和 ) 工具 中) 帮助 中 
:@- 上 日- 国 国 失忆 坟 电 | 四 -名 回回 


地址 四 | 独 http://localhost:1452/aspnet/b_aspx?econtent=6t8 


中 间 的 加 号 “+” 送 来 参数 值 6+8 


哪里 去 了 呢 ? 


图 12-6 b. aspx 网 页 中 使 用 *Request[ " content" ] "方式 接收 参数 值 并 显示 出 来 


作为 地 址 栏 中 查询 字符 串 的 参数 值 ,加 号 * + "属于 不 应 出 现 的 特殊 字符 。 所 以 被 系 
统 转 义 没有 了 。 
解决 办 法 就 是 对 要 在 地 址 栏 中 传输 的 查询 字符 串 进行 URL 编码 , 即 改 为 : 


Response.Redirect (" ~ /b.astx? omtent = " + Server.UrlEnoode ("6 + 8")); 
运行 后 的 效果 如 图 12-7 所 示 。 


Microsoft Internet Explorer 
文件 编辑) 查看 W) 收藏 和 ) 工具 CD) 和 助 0 必 
@ ©O. 国 国人 昌 | 且 交合 ":- 角 四 " 回 % 

; 地址 全) 图 http://localhost:1452/sspnet/b. aspx?content=6X2b8. 习 转 到 


特殊 符号 被 编码 了 


鲍 本 地 Intranet 


图 12-7 对 在 地 址 栏 中 传输 的 查询 字符 串 进行 URL 编码 后 的 显示 效果 


特别 需要 注意 的 一 点 是 ,只 可 以 将 参数 值 进行 编码 , 绝 不 能 将 问号 后 整个 查询 参数 串 
都 编码 。 下 面 的 语句 是 错误 的 : 

Response.Redirect (" ~ /b.aspx? " + Server.UrlEnoode ("omtent = 6 + 8")); 

因为 这 样 会 将 参数 名 与 参数 值 之 间 的 等 号 ”= "表达 式 也 被 编码 掉 。 

UrlDecode 方法 是 UrlEncode 方法 的 一 个 相反 的 过 程 ,就 是 将 编码 还 原 。 例 如 
Server. UrlDecode("6% 2b8" ) 的 返回 结果 是 “6 +8”。 


12.3.3 ”MapPath 方法 


由 于 制作 好 的 网 站 最 终 还 是 要 发 布 到 互联 网 的 Web 服务 器 上 ,所 以 网 站 内 部 的 链接 
都 应 该 使 用 相对 路 径 ( 也 称 虚拟 路 径 ) 。 但 是 ,还 是 有 个 别 的 情况 ,比如 在 连接 数据 库 文 
件 或 上 传 文件 的 时 候 , 系 统 均 需要 指出 物理 路 径 (也 称 绝对 路 径 ) 。 

一 般 情 况 下 ,人 们 并 不 知道 上 传 到 Web 服务 器 上 的 网 站 最 终 被 存放 在 哪个 磁盘 的 哪 
个 子 目 录 下 。 但 是 , 却 可 以 使 用 Server 对 象 的 MapPath 方法 将 相对 路 径 转 换 为 对 应 的 物 
理 路 径 。 
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例如 ,当前 网 页 是 主 目录 下 的 Default. aspx, 要 调用 App_Data 系统 子 目 录 下 的 
ASPNETDB. MDF, Default. aspx 代码 页 中 调用 的 链接 相对 路 径 为 “~/App_ Data/ 
ASPNETDB. MDF”。 可 以 使 用 如 下 语句 获取 其 对 应 的 物理 路 径 : 


String strPath = Server .MapPath (" ~ /App Data/RSEFNETTB.MDE") 7 
赋 给 strPath 变量 的 值 为 “d:\aspnet\App_Data\ASPNETDB. MDF” 。 


12.4 公共 对 象 Application 


Application 对 象 是 公共 对 象 , 主 要 用 于 在 所 有 用 户 间 共 享 信息 ,所 有 用 户 都 可 以 访问 
该 对 象 中 的 信息 并 对 信息 进行 修改 。 该 对 象 多 用 于 创建 网 站 计数 器 和 聊天 室 等 。 

可 以 把 Application 对 象 看 成 是 一 种 特殊 的 变量 ,以 进行 读 写 。 格 式 为 : 

BEplicaticn[" 对 象 名 称 中 

使 用 方法 如 下 : 

BEplication["hello"] = "你 好 吗 ?"; 

MEplication["oount"] = 1024; 

Response .Write (applicaticn["hellon]) 

Response.Write (MPlication["count"])7 

同 所 有 的 变量 一 样 ,该 对 象 也 有 自己 的 生命 周期 ,通常 在 网 站 开始 运行 时 生命 期 开 
始 ,网 站 停止 运行 时 生命 期 结束 。 换 句 话 说 ,就 是 Application 对 象 建立 后 ,只 要 网 站 没有 
关闭 或 重新 启动 ,对 象 存 储 的 值 就 不 会 消失 。 

下 面 通过 一 个 例子 看 一 下 Application 对 象 在 作用 域 和 公共 性 方面 的 区 别 。 

if (Application["oomt"] = = nul) 

{ 

Mplication["oont"] =1; 
} 
else 


{ 
BEplicaticn["oount"] = Convert.ToInt32 (application["oount"]) +1; 

} 

Response.Write ("当前 访问 量 为 "+ Application["oount"]); 

这 是 一 个 计数 器 样子 的 例子 ,首次 启动 时 将 显示 “ 当前 访问 量 为 1"。 这 时 , 青 打开 几 
个 新 的 浏览 器 ,将 URL 地 址 ( 如 http://localhost:1452/aspnet/a. aspx) 复 制 过 去 浏览 ,会 
发 现 显 示 的 数量 每 次 递增 。 这 说 明 Application 对 象 不 会 由 于 页 的 执行 完毕 而 消失 ,而 且 
可 以 被 多 个 浏览 器 ( 即 多 个 用 户 ) 所 读 取 共享 ,如 图 12-8 所 示 。 
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地 泪 四 ) | 图 http://1ocalhost;1452/aspnet/a aspx 


当前 访问 量 为 1 


她 址 四 ) | 图 http://1ocalhest:1452/aspnet/a aspx 


当前 访问 量 为 2 


文件 四 。 编 得 E) 查看 吊 ， 收 着 工具 帮助 0 
日 -日 - 国 国 骆 | 岂 支 提 | 白 - 怠 回 - 图 此 
地 址 四) | 蜀 http://1oeslhost: 1452/sspaetws sspx 


当前 访问 量 为 3 


图 12-8 Application 对 象 可 以 被 多 个 浏览 器 读 取 共 享 


12.5 私有 对 象 Session 


Session 对 象 用 来 存储 具体 每 一 位 用 户 的 会 话 过 程 中 的 信息 。 与 Application 对 象 相 
比 ,Session 对 象 也 可 以 看 成 是 一 种 特殊 的 变量 进行 读 写 ,最 大 的 不 同 是 Session 是 私有 的 
对 象 ,只 能 由 用 户 本 人 进行 读 取 , 由 Application 对 象 却 可 以 全 部 用 户 共同 读 取 。 
例如 同样 一 个 计数 器 类 程序 , 改 用 Session 存储 计数 信息 。 代 码 如 下 : 
证 (Session["comt"] = = null) 
1 
Sessicn["coount"] =1; 
} 
else 
{ 
Sessicn["oount"] = Convert.ToInt32 (Session["oount"]) +1; 
} 
Response.Write ("当前 访问 量 为 "+ Session["count"]); 
运行 后 ,同样 多 开 几 个 浏览 器 ,复制 URL 访问 ,然后 每 个 都 不 断 刷新 ,可 以 发 现 ,各 浏 
览 器 都 是 分 别 计数 的 ,彼此 互 不 影响 ,如 图 12-9 所 示 。 
Session 对 象 的 生命 周期 没有 Application 对 象 那么 长 ,默认 只 有 20 分 钟 。 例 如 ,前 面 
的 例子 中 ,如 果 用 户 超过 20 分 钟 后 再 刷新 ,所 有 窗口 中 的 计数 积累 的 值 都 将 丢失 ,并 重新 
累计 ,显示 的 结果 全 部 是 “当前 访问 量 为 1”。 
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文件 四 租 每 CA 

@- 昌 - 国 国 六 | 全 去 自 | 全 "名 
ee ED 
当前 访问 量 为 5 


件 下 于 帮 动 好 
iQ- ©O- 国 站 名 | 记 六 9- 怠 团 -加 
地址 加 ) | 鸭 http://1ecalhest:1452/aspnet/s aspx DE 


当前 访问 量 为 9 


文件 下 六 加 下) 查看 如 ) 收 训 4) 工具 中 帮助 0D) 
OQ-9- 国 日 所 女 @|9- 名 固 - 回 kK 
DE 


地 址 0) | 蜀 http://1ocalhost: 1452/4spnet/ a aspx 


当前 访问 量 为 1 


图 12-9 ”Session 对象 使 多 个 浏览 器 分 别 计数 


这 一 点 ,在 开发 网 站 时 要 有 所 留意 。 比 如 发 表 文 章 的 网 页 ,如 果 用 户 的 文章 很 长 ,很 
长 时 间 没有 对 网 页 进行 访问 ,超过 了 20 分 钟 , 再 提交 文章 就 会 产生 错误 。 

可 以 通过 设置 Session 对 象 的 TimeOnut 属性 来 自 定义 生命 期 ,如 设置 超时 时 长 为 60 
分 钟 ,可 以 写 为 : 


Session.Timeout = 60; 
下 例 是 一 个 可 以 防止 刷新 的 计数 器 代码 , 写 在 Page_Load 事件 内 即 可 。 


// 如 果 计 数 器 首次 启动 , 赋 初 值 为 1 
证 pplication["oont"] == mull) 
{ 
Mplication["oont"] =1; 
$ 
else 
{ 
// 如 果 当 前 用 户 没 有 被 设置 已 访问 标记 (对 象 为 空 ), 则 计数 累加 
if (Session["visited"] == mall) 
{ 


// 计 数 累 加 
BEplication.Iock(); // 加 锁 ,防止 多 用 户 同 时 访问 本 页 时 计数 错误 
BEplicaticn["oount"] = Convert.Tomt32 (Application["oont"]) +1; 
Mplication.UnIock (); // 解 锁 


Session["visited"] = true; // 设 置 当前 用 户 的 访问 标记 为 true 
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} 

Response.Write ("当前 访问 量 为 "+ zpplication["oount"]); 

当然 ,上 面 的 计数 器 离 实 际 使 用 还 有 一 些 差 距 , 最 主要 的 问题 是 , 它 的 计数 值 是 保存 
在 Application 对 象 内 ,我 们 已 经 知道 ,Application 对 象 当 Web 服务 器 停止 或 重启 时 ,内 容 
会 消失 ,所 以 上 面 的 代码 会 产生 危险 。 解 决 的 办 法 是 ,在 网 站 停止 或 重启 之 前 ,将 计数 值 
保存 到 数据 库 里 ,而 网 站 启动 后 ,自动 从 数据 库 里 取出 保存 的 计数 值 来 初始 化 Application 
对 象 。 


12.6 视图 状态 


视图 状态 (ViewState ) 是 对 前 面 介绍 的 ASP. NET 五 大 对 象 的 一 个 很 好 的 补充 , 它 常 
用 于 保存 单个 页 面 的 状态 信息 。 

ViewState 的 功能 类 似 于 全 局 变量 ,但 全 局 变量 在 页 面 被 控件 的 提交 过 程 中 (页 面 可 
能 会 刷新 ) 会 被 清空 ,而 ViewState 对 象 却 可 以 保持 住 大 量 的 数据 。 

使 用 ViewState 对 象 保存 信息 的 代码 如 下 。 

Viewstate["myName"] = "明明 "; // 存 放 信息 

string strNeme = Viewstate["myNeme "] .ToString (); // 读 取信 息 

六 vvsue 应 谨慎 使 用 ,过 多 的 使 用 会 影响 应 用 程序 的 性 能 。 另 外 ,由 于 
ViewState 是 借助 XHTML 里 的 隐藏 框 ( 即 <input type ="hidden"” name ="test"/ > ) 保 存 
数据 的 ,故而 只 能 应 用 在 安全 性 要 求 不 高 的 场合 。 


本 章 小 结 


本 章 主 要 介绍 了 ASP. NET 的 五 大 内 置 对 象 的 常用 方法 .属性 和 集合 的 使 用 。 
Response 对 象 主要 体现 在 向 浏览 器 发 送 相关 信息 ;Request 对 象 主要 用 于 接受 浏览 器 提交 
的 信息 ;Application 对 象 体现 在 公共 方面 ;Session 对 象 则 体现 在 私有 方面 ;Server 对 象 是 
Web 服务 器 相关 的 对 象 。 


习题 


1. 填空 题 


(1) ASP.NET 五 大 内 置 对 象 有 本 人 
(2) 可 以 为 所 有 用 户 共 享 的 对 象 是 ,可 以 在 一 次 会 话 过 程 中 共享 的 对 象 
是 S 


2. 选择 题 
(1) 计数 器 如 果 需 要 防止 重复 刷新 计数 和 同一 卫 反复 登录 计数 ,应 该 使 用 的 对 象 有 
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( 


)。 
A. Response B. Request C. Session 
(2) Session 对 象 的 默认 的 生命 期 为 ( Ns 
A. 10 分 钟 B. 20 分 钟 C. 30 分 钟 
3. 简 答 题 


(1) 简 述 ASP. NET 五 大 内 置 对 象 的 主要 功能 。 
(2) 为 什么 要 对 Application 对 象 进行 “锁定 ”" 和 “解锁 ”? 


D. Application 


D. 40 分 钟 
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什么 是 数据 库 ? 有 人 说 数据 库 是 一 个 “记录 保存 系统 " ,也 有 人 说 是 人们 为 解决 特 
人 以 一 定 的 组 织 方式 存储 在 一 起 的 相关 的 数据 的 集合 " 。 更 有 甚 者 称 数据 库 是 

一 个 数据 仓库 ”。 当 然 ,这 种 说 法 虽然 形象 ,但 并 不 严谨 。 严 格 地 说 ,数据 库 是 “按照 数 
据 结 构 来 组 织 ,存储 和 管理 数据 的 仓库 ”。 

在 日 常 工作 中 ,常常 需要 把 某 些 相 关 的 数据 放 进 这 样 * 仓 库 ” ,并 根据 管理 的 需要 进 
行 相应 的 处 理 。 例 如 ,企业 或 事业 单位 的 人 事 部 门 常常 要 把 本 单位 职工 的 基本 情况 ( 职 
工 号 姓名、 出 生日 期 ,性别 .籍贯 .工资 简历 等 ) 存 放 在 表 中 , 见 表 13-1。 


表 13-1 人 事 基 本 档案 


职工 号 姓名 性 别 出 生日 期 地 区 代码 工资 简历 
00001 赵 岩 男 1976/5/25 010 1680 
00002 张 曼 曼 女 1978/1/26 021 1560 
00003 李 小 华 女 1983/10/30 024 1630 


00004 徐 海 男 1973/12/20 026 2100 


这 张 表 就 可 以 看 成 是 一 个 数据 库 。 有 了 这 个 “数据 仓库 "就 可 以 根据 需要 随时 查询 
某 职工 的 基本 情况 ,也 可 以 查询 工资 在 某 个 范围 内 的 职工 人 数 等 。 这 些 工作 如 果 都 能 在 
计算 机 上 自动 进行 , 那 人 事 管理 就 可 以 达到 极 高 的 水 平 。 此 外 ,在 财务 管理 .仓库 管理 \, 生 
产 管理 中 也 需要 建立 众多 的 这 种 “数据 库 ” ,使 其 可 以 利用 计算 机 实现 财务 仓库、 生产 的 
自动 化 管理 。 

这 种 以 二 维 表格 的 形式 存放 数据 的 数据 库 , 称 为 关系 型 数据 库 , 这 也 是 当今 最 流行 的 
一 种 数据 库 , 另 外 的 两 种 分 别 是 网 状 数据 库 和 层次 数据 库 。 

需要 说 明 的 是 ,开发 动态 网 站 并 没有 强制 必须 使 用 数据 库 , 但 是 ,开发 一 个 功能 强大 
的 动态 网 站 却 离 不 开 数据 库 。 
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13.1 设计 一 
数据 库 是 一 个 强 


个 良好 的 数据 库 


大 动态 网 站 的 核心 ,因此 设计 一 个 结构 良好 的 数据 库 至 关 重 要 。 


13.1.1 基本 术语 


关系 型 数据 库 经 过 几 十 年 的 发 展 ,已 经 形成 了 约定 俗 成 的 一 套 基 本 术语 。 正 确 
理解 这 些 术 语 将 有 助 于 关系 型 数据 库 的 设计 。 关 系 型 数据 库 的 基本 术语 及 其 解释 见 


表 13-2。 
表 13-2 关系 型 数据 库 的 基本 术语 
术 语 解 释 
数据 表 的 每 一 行 表 示 一 个 实体 ,也 称 为 记录 。 同 一 表 中 不 能 出 现 完全 相同 的 
实体 0 
两 行 记录 
关系 一 个 关系 的 逻辑 结构 就 是 一 张 二 维 表 , 它 描述 各 个 实体 之 间 的 关系 
属性 数据 表 的 每 一 列 是 一 个 属性 (也 称 为 字段 ) 。 在 标题 栏 中 表示 属性 的 名 称 ,在 
表 中 显示 各 实体 的 属性 值 
域 属性 的 取 值 范围 ,例如 ,正常 的 成 绩 必须 在 零 以 上 
关系 模式 即 对 关系 的 描述 ,其 格式 为 :关系 名 (属性 名 1, 属性 名 2,…, 属 性 名 mn) 
关键 字 可 以 唯一 地 表示 和 区 分 实体 的 一 个 属性 或 多 个 属性 的 组 合 称 为 关键 字 。 例 
如 , 表 13-1 中 的 职工 号 就 可 以 作为 关键 字 
主 关键 字 ( 主键 ) ”| 在 一 个 关系 中 可 能 存在 多 个 关键 字 , 从 中 可 以 选择 一 个 作为 主 关 键 字 
ce 用 来 表示 一 个 表 和 另 一 个 表 建 立 联 系 的 属性 ,体现 了 表 之 间 的 联系 。 例 如 ， 
外 关键 字 (外 键 ) | 表 13-1 中 的 地 区 代码 


对 于 关系 型 数据 


库 的 一 般 用 户 来 说 ,关键 字 的 概念 最 为 重要 。 它 不 仅 可 以 用 来 区 分 


不 同 的 记录 ,而 且 和 许多 数据 操作 有 关 。 


关系 型 数据 库 的 另外 一 个 特点 是 ,在 同一 个 表 中 ,记录 和 字段 的 次 序 无 关 紧要 。 例 
如 ,下 面 的 两 个 表 就 可 以 认为 是 相同 的 ,如 图 13-1 所 示 。 
数据 表 1 数据 表 2 
学 号 姓名 姓名 学 号 
1 阿 承 唯 唯 生 
2 大 勇 大 勇 2 
3 小 荷 阿 承 1 
4 唯 唯 小 荷 3 


图 13-1 同一 个 表 中 ,记录 和 字段 的 次 序 无 关 紧要 
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13.1.2 规范 化 设计 


设计 数据 库 表 时 并 不 是 简单 地 将 数据 放 到 不 同 的 表格 中 去 就 可 以 了 ,这 样 做 会 给 数 
据 管 理 带 来 很 多 问题 ,同时 ,也 会 带 来 大 量 的 数据 元 余 。 所 以 在 数据 库 的 设计 中 ,必须 创 
建 好 的 表 结构 。 为 此 ,提出 了 规范 化 设计 的 方法 。 

在 规范 化 设计 方法 中 ,满足 一 定 条 件 的 关系 模式 被 称 为 范式 (Normal Form,NF) 。 关 
系 型 数据 库 的 创始 人 E. F. Codd 在 创立 关系 数据 库 理论 后 不 久 即 系统 地 提出 了 第 一 范式 
(1NF) .第 二 范式 (2NF) 和 第 三 范式 (3NF) 的 概念 。 


1. 第 一 范式 (1NF) 


第 一 范式 的 目标 是 确保 每 列 的 原子 性 。 
如 果 每 列 都 是 不 可 再 分 的 最 小 数据 单元 ( 也 称 为 最 小 的 原子 单元 ) , 则 满足 第 一 范式 
(1NF) ,如 图 13-2 所 示 。 


原始 数据 表 经 过 规范 的 表 
顾客 编号 居住 地 址 顾客 编号 国家 城市 
1 中 国 北京 市 1 中 国 北京 市 
2 中 国 沈阳 市 2 中 国 沈阳 市 
3 美国 纽约 市 [ee 3 美国 纽约 市 
4 英国 利物浦 4 英国 利物浦 
5 日 本 东京 市 5 日 本 东京 市 


图 13-2 对 原始 表 进 行 第 一 范式 规范 
下 面 再 看 一 个 第 一 范式 的 例子 ,如 图 13-3 所 示 。 


原始 数据 表 经 过 规范 的 表 
货 物 收 货 人 货物 号 | 数量 | 收 货 人 号 | 收 货 人 地 址 
编号 | 数量 | 编号 地 址 G001 1 CO001 海淀 区 
G001| 1 |cool| 海淀 区 | 呈 >| G002 5 C002 东城 区 
G002| 5 | coo2 | 东城 区 G003 1 C003 西城 区 
G003 | 1 |coo3 | 西城 区 G004 2 CO001 海淀 区 
G004| 2 |cool| 海淀 区 


图 13-3 ”对 原始 表 进行 第 一 范式 规范 


原始 数据 表 中 “货物 "和 *“ 收 货 人 "都 可 以 再 分 (“货物 "可 以 分 为 “编号 "和 “数量 "两 
个 属性 组 ,而 * 收 货 人 "可 以 分 为 “编号 "“ 地 址 "两 个 属性 组 ) ,所 以 “货物 "和 “ 收 货 人 ” 


都 不 是 不 可 再 分 的 最 小 数据 单元 ,因此 要 经 过 第 一 范式 的 规范 。 


外 ASP.NET 动态 网 站 开发 教程 
刀 


2. 第 二 范式 (2NF) 


如 果 一 个 关系 (二 维 表 ) 满 足 1NE ,并 且 除 了 主键 以 外 的 其 他 列 ,都 依赖 于 该 主键 , 则 
满足 第 二 范式 (2NF) 。 
第 二 范式 要 求 每 个 表 只 描述 一 件 事情 。 为 此 ,下 面 的 例子 对 原始 表 进 行 了 第 二 范式 
的 规范 ,如 图 13-4 所 示 。 


订单 表 
订单 编号 | 产品 编号 | 订购 日 期 
D0001 CO001 | 2010-6-1 
原始 数据 表 DO0001 C002 | 2010-6-1 
区 号 | 所 二 | 产品 名 称 | 订购 日 期 | 价格 0 
D0001 | C001 | 羽绒 睡袋 | 2010-6-1 | $2000 a ba | Eo 
D0001 | C002 | 望远镜 | 2010-6-1 | $5000 产品 表 
D0002 | C001 | 羽绒 睡袋 | 2010-7-1 | $2000 产品 编号 | 产品 名 称 | 价格 
D0002 | C003 | 野营 帐篷 | 2010-7-1 | $9900 C001 “| 羽绒 睡袋 | $2000 
C002 “| 望远镜 $ 5000 
C003 “| 野营 帐篷 | $9900 


图 13-4 对 原始 表 进 行 第 二 范式 规范 


3. 第 三 范式 (3NF) 
如 果 一 个 关系 满足 2NF, 并 且 除 了 主键 以 外 的 其 他 列 都 不 传递 依赖 于 主键 列 , 则 满足 


第 三 范式 (3NF)。 
下 面 的 例子 对 原始 表 进行 了 第 三 范式 的 规范 ,如 图 13-5 所 示 。 


原始 数据 表 
订单 编号 | 订购 日 期 | 顾客 编号 | 顾客 姓名 
D0001 2010-6-1 G00001 金 不 换 
D0001 | 2010-6-1 G00001 金 不 换 
D0002 | 2010-7-1 G00002 史 内 行 


订单 表 
订单 编号 | 订购 日 期 | 顾客 编号 
D0001 | 2010-6-1 | G00001 
D0001 | 2010-6-1 | GO00001 
D0002 | 2010-7-1 | G00002 
顾客 表 
顾客 编号 | 顾客 姓名 
G00001 | 金 不 换 
G00002 | 史 内 行 


图 13-5 对 原始 表 进 行 第 三 范式 规范 
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图 13-5 中 ,“ 订 单 编号 ”" 和 “顾客 姓名 ”并 不 是 直接 相关 ,而 是 通过 “顾客 编号 ”相关 的 
(顾客 姓名 有 可 能 重 名 ,所 以 应 以 顾客 编号 进行 唯一 区 分 ) ,这 就 是 传递 依赖 。 因 此 ,为 满 
足 第 三 范式 ,需要 将 其 再 拆 分 为 两 个 表 一 一 订单 表 和 顾客 表 。 


13.1.3 规范 化 实例 


假设 某 建筑 公司 要 设计 一 个 数据 库 。 公 司 的 业务 规则 概括 说 明 如 下 : 

。 公司 承担 多 个 工程 项 目 , 每 一 项 工程 有 工程 号 .工程 名 称 .施工 人 员 等 ; 

。 公司 有 多 名 职工 ,每 一 名 职工 有 职工 号 .姓名 性别 .职务 (工程 师 技术员) 等 ; 

。 公司 按照 工时 和 小 时 工资 率 支 付 工资 ,小 时 工资 率 由 职工 的 职务 决定 (例如 ,技术 
员 的 小 时 工资 率 与 工程 师 不 同 ) 。 


公司 定期 会 制订 一 个 工资 报表 ,格式 见 表 13-3。 
表 13-3 某 建 筑 公司 工资 报表 
工程 号 | 工程 名 称 | 职工 号 姓名 职务 小 时 工资 率 工时 实 发 工资 
1001 齐 光 明 | 工程 师 65 13 845. 00 
Al 花园 大 厦 1002 李 思 岐 | 技术 员 60 16 960.00 
1004 葛 宇 宏 | 律师 60 19 1140.00 
小 计 2945. 00 
1001 齐 光明 | 工程 师 65 15 975. 00 
A2 立交 桥 
1003 鞠 明亮 下 此 5 17 935.00 
小 计 1910. 00 
1002 李 思 岐 | 技术 员 60 18 1080. 00 
A3 临 江 饭店 
1004 葛 宇 洪 | 技术 员 60 14 840.00 
小 计 1920. 00 


如 果 需 要 将 上 述 数据 保存 到 数据 库 里 ,应 该 创建 几 个 数据 表 ? 每 个 数据 表 又 应 该 怎 
样 设计 结构 呢 ? 下 面 就 依据 三 范式 来 分 步骤 完成 。 


1. 按 第 一 范式 规范 化 


源 表 的 多 处 有 表格 的 嵌 套 ,不 符合 原子 性 ,所 以 重新 规划 ,得 到 表 13-4。 
表 13-4 按 第 一 范式 规范 后 的 工资 报表 


工程 号 工程 名 称 职工 号 姓名 职务 小 时 工资 率 工时 
Al 花园 大 厦 1001 齐 光 明 工程 师 65 13 
Al 花园 大 厦 1002 李 思 上 岐 技术 员 60 16 
Al 花园 大 厦 1003 鞠 明 亮 工人 55 说 
A3 临 江 饭 店 1002 李 思 上 岐 技术 员 60 18 


A3 临 江 饭 店 1004 葛 宇 洪 技术 员 60 14 
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“ 实 发 工资 "字段 和 数据 记录 “小 计 ” 由 于 能 在 计算 机 输出 时 自动 计算 出 来 ,因此 就 没 


有 必要 将 其 保存 到 数据 库 中 。 


如 果 直 接 以 表 13-4 的 格式 保存 数据 ,实际 使 用 中 ,会 存在 着 严重 的 隐患 。 


(1) 表 中 包含 大 量 的 元 余 , 可 能 会 导致 数据 异常 。 包 括 : 


。 更 新 异常 。 例 如 ,车 只 修改 “职工 号 "为 *1001” 的 那个 人 的 职务 , 则 在 表 中 ,就 必 
须 修改 记录 中 所 有 “职工 号 ”=“1001" 的 行 ,只 要 有 一 个 目标 记录 没有 被 更 新 到 ， 


数据 就 会 不 准确 。 


。 添加 异常 。 若 要 增加 一 个 新 的 职工 ,必须 先 给 这 名 职工 分 配 一 个 工程 ,即使 他 实 
际 上 可 能 并 没有 参与 。 或 者 ,为 了 添加 这 一 名 新 职工 的 数据 , 先 给 这 名 职工 分 配 


一 个 虚拟 的 工程 (因为 主 关 键 字 不 能 为 空 ) 。 


。 删除 异常 。 例 如 ,“1001" 号 职工 要 辞职 , 则 必须 删除 所 有 “职工 号 ”=“1001” 的 数 
据 行 。 这 样 的 删除 操作 ,很 可 能 丢失 了 其 他 有 用 的 数据 ,比如 “工程 师 ” 职 务 的 


“小 时 工资 率 " 这 个 发 放 标 准 "65” 就 无 意 中 丢 失 了 。 


(2) 采用 这 种 方法 设计 表 的 结构 ,虽然 很 容易 产生 工资 报表 ,但 是 每 当 为 一 名 职工 分 
配 一 个 工程 时 ,都 要 重复 输入 大 量 的 数据 (如 职务 .小 时 工资 率 ) 。 这 种 重复 的 输入 操作 ， 


很 可 能 导致 数据 的 不 一 致 性 。 


产生 问题 的 根源 ,就 是 上 述 设计 ,在 一 张 表 里 描述 了 多 件 事情 ,如 图 13-6 所 示 。 


项 目 工时 信息 
I 


1 
工程 号 | 工程 名 称 | 职工 号 | 姓名 | 职务 


小 时 工资 率 


工时 


tt 4 t | 4 


1 


工程 信息 员工 信息 


图 13-6 一 张 表 里 描述 了 多 件 事情 


为 此 ,需要 对 其 继续 进行 第 二 范式 的 规范 。 
2. 按 第 二 范式 规范 化 


按照 第 二 范式 的 要 求 对 表 进 行 拆 分 ,使 其 每 个 拆 分 的 表 中 ,除了 主键 以 外 的 其 他 列 ， 


都 依赖 于 该 主键 ,如 图 13-7 所 示 。 
3. 按 第 三 范式 规范 化 


按 第 三 范式 的 要 求 , 除 了 主键 以 外 的 其 他 列 都 不 传递 依赖 于 主键 列 。 其 中 员工 表 的 
“小 时 工资 率 "虽然 依赖 于 主键 “职工 号 ” ,但 却 是 通过 “职务 "传递 依赖 过 去 的 。 应 该 把 


它 划分 为 另外 一 个 职务 表 。 最 终结 果 如 图 13-8 所 示 。 
4. 实际 创建 数据 表 


经 过 前 面 三 范式 规范 化 ,实际 存放 数据 可 以 构建 4 个 数据 表 , 分 别 是 工程 表 、 员 工 表 、 


职务 表 和 项 目 工时 表 。 
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工程 表 > | 工程 号 | 工程 名 称 


i i 1 
员工 表 | 一 > | 职 I 号 | 姓名 | 职务 | 小 时 工资 率 
满足 第 三 范式 吗 ? 


| 一 >》 | 工程 号 | 职 IS | 工时 


工程 者 | 。 一 > | 工程 号 | 工程 名 称 
[ 1 1 
员 表 | 一 >》| 职 I 号 | 姓名 | 职务 
[ 1 
天 多 天 | ”一 > | 职务 [小 时 工资 率 | 
项 目 工时 表 | 一 > | 工程 号 | 职工 号 | 工时 


图 13-8 按 第 三 范式 规范 化 
4 个 表 的 关系 如 图 13-9 所 示 。 


图 13-9 4 个 表 的 关系 图 


填充 数据 后 的 效果 如 图 13-10 所 示 。 

表面 看 起 来 ,原来 只 使 用 一 个 表 存 放 数 据 ,经 过 规范 后 反 变 成 了 使 用 4 个 表 存 放 数 
据 , 好 似 变 得 烦琐 了 。 但 实际 上 ,经 过 此 番 处 理 后 ,数据 的 宛 余 量 大 大 减少 (尤其 数据 很 
多 的 情况 下 ) ,对 数据 的 增删 . 改 处 理发 生 异 常 的 可 能 也 完全 避免 了 。 并 且 对 于 数据 的 
统计 和 分 析 也 变 得 非常 方便 。 利 远 远大 于 刺 。 
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项 目 工时 表 员工 表 
工程 号 | 职工 号 | 工时 职工 号 姓名 职务 
Al 1001 13 1001 齐 光 明 | 工程 师 
Al 1002 16 1002 李 思 岐 | 技术 员 
Al 1003 喧 1003 鞠 明 亮 工人 
A3 1002 18 1004 葛 宇 洪 | 技术 员 
A3 1004 14 世间 这 
工程 表 职务 “| 小 时 工资 率 
工程 号 | 工程 名 称 工程 师 65 
Al 花园 大 厦 技术 员 60 
A3 临 江 饭店 和 55 


图 13-10 实际 创建 的 填充 数据 后 的 数据 表 


一 个 强大 的 动态 网 站 的 核心 就 是 对 数据 的 处 理 , 而 设计 合理 的 数据 库 结 构 将 对 网 站 
的 后 期 代码 设计 与 运行 的 稳定 有 着 至 关 重 要 的 影响 ,建议 大 家 多 多 练习 。 


13.2 常 与 ASP. NET 配套 的 数据 库 


13.2.1 概述 


对 于 IT 界 主流 的 数据 库 系统 ,ASP. NET 都 能 够 很 好 地 支持 。 实 际 开发 中 , 常 与 之 配 
套 的 还 是 同 为 微软 自家 的 产品 Access 数据 库 和 SQL Server 数据 库 。 

其 中 ,Access 数据 库 适合 应 用 在 开发 小 型 动态 网 站 ,而 SQL Server 数据 库 更 多 应 用 
在 中 型 或 大 型 的 动态 网 站 的 开发 。 


1. Access 数据 库 园 


Access 数据 库 是 微软 公司 发 布 的 Microsoft Office 软件 包 中 的 组 件 之 一 (另外 常用 的 三 
个 组 件 是 Word .Excel 和 PowerPoint ) , 它 是 一 款 桌 面 级 别 的 关系 型 数据 库 管理 软件 。 
Access 以 其 强大 的 功能 友好 的 用 户 界面 吸引 了 众多 用 户 ,是 当今 流行 的 数据 库 软件 之 一 。 
要 开发 专业 性 比较 强 、 适 用 面 罕 .针对 性 强 的 小 型 信息 管理 系统 ,Access 将 是 最 好 的 选择 。 

目前 ,很 多 中 小 企业 网 站 采用 了 便捷 的 Access 数据 库 , 该 数据 库 属于 文件 型 数据 
库 , 对 于 访问 量 不 大 ,数据 量 不 大 的 网 站 是 一 个 不 错 的 选择 。 有 很 多 用 户 依据 Access 数 
据 库 的 特性 ,认定 Access 数据 库 是 非 专业 的 代名词 ,这 个 认识 是 错误 的 。Access 数据 库 
虽然 较 SQL Server 数据 库 而 言 ,存储 数量 较 低 .性 能 较 差 ,但 也 不 是 像 想 象 中 的 那么 差 ， 
Access 数据 库存 储 10 万 条 数据 (以 新 闻 数 据 举 例 ) 是 没有 任何 问题 的 ,1 万 条 数据 以 内 的 
查询 和 SQL Server 数据 库 速度 相当 ,但 SQL Server 的 搭建 和 维护 成 本 则 远 远 高 于 Access 
数据 库 。 综 合 对 比 下 ,中 、 小 企业 开发 网 站 选择 Access 数据 库 依 然 是 最 佳 选择 。 
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目前 常用 的 版 本 是 Access 2003 和 Access 2007 ,这 两 个 版 本 在 ASP. NET 的 调用 中 并 
没有 什么 区 别 。 


2. SQL Server 数据 库 天 


SQL Server 数据 库 是 微软 公司 开发 的 大 型 关系 数据 库 管 理 系统 , 它 由 一 系列 的 管理 
和 开发 工具 组 成 ,具有 非常 强大 的 关系 数据 库 创建 .开发 .设计 及 管理 功能 ,成 为 众多 数据 
库 产品 中 的 杰出 代表 。 
目前 常用 的 版 本 有 : 
。 SQL Server 2000 Server: 目前 还 是 有 很 多 虚拟 主机 提供 的 数据 库 环境 是 SQL 
Server 2000 的 版 本 ,并 在 各 个 行业 中 广泛 应 用 着 。 这 是 一 个 非常 经 典 的 版 本 。 
。 SQL Server 2005 Server: 已 经 开始 有 不 少 的 虚拟 主机 升级 了 数据 库 , 采 用 SQL 
Server 2005 版 本 ,并 且 会 越 来 越 普及 。 
以 上 两 个 版 本 需 单独 购买 安装 。 
。 SQL Server 2005 Express: 若 安装 Visual Studio 2008 时 选择 了 默认 安装 ,就 会 为 
本 机 随 带 安装 上 这 个 SQL Server 2005 Express 版 本 (SQL Server 2005 速成 版 ) 。 
也 可 以 从 微软 网 站 上 单独 免费 下 载 。 它 属于 文件 型 数据 库 ( 这 一 点 与 Access 相 
同 ) ,可 以 很 方便 地 在 Visual Studio 2008 中 进行 创建 和 管理 ,Visual Studio 2008 中 
默认 的 数据 库 操作 都 是 针对 这 个 版 本 进行 的 。 


(BD 文件 型 吉 据 库 与 非 文件 型 数据 库 ,这 是 从 数据 库 的 存在 形式 来 进行 区 分 的 。 


文件 型 数据 库 。 数 据 库 本 身 即 是 一 个 文件 ,备份 或 发 布 应 用 程序 时 ,只 需 通过 复制 该 
文件 即 可 ,用 户 的 应 用 程序 就 可 以 直接 访问 。 特 点 是 发 布 方便 ,但 是 在 安全 容错 、 并 发 等 
高 级 特性 上 有 所 不 足 。 如 Access 数据 库 .SQLite 数据 库 等 。 

非 文件 型 数据 库 。 数 据 虽 然 也 是 存在 文件 中 的 ,但 是 必须 通过 服务 进程 来 管理 这 些 
数据 库 文件 ,所 以 使 用 此 类 数据 库 时 ,必须 安装 相应 的 数据 库 服 务 器 软件 。 特 点 是 功能 强 
大 ,可 人 靠 ,但 是 数据 库 的 发 布 复杂 ,对 资源 的 要 求 也 比较 高 。 如 SQL Server 数据 库 .Oracle 
数据 库 等 。 

本 章 首先 将 简要 介绍 SQL Server 2005 .SQL Server 2000 和 Access 2003 三 种 数据 库 
的 表 的 创建 方法 及 基本 管理 ,然后 学 习 SQL (Structured Query Language ,结构 化 查询 语 
言 , 读 作 *sequel”, 它 是 程序 处 理 中 管理 数据 库 的 最 佳 "武器 ”) 。 


13.2.2 SQL Server 2005 的 使 用 


SQL Server 2005 安装 完成 之 后 ,就 可 以 通过 使 用 其 管理 工具 、 实 用 程序 管理 等 方法 
来 使 用 SQL Server 数据 库 系 统 。 

SQL Server 管理 控制 台 ( SQL Server Management Studio) 是 一 个 集成 的 环境 ,用 于 访 
问 .配置 和 管理 所 有 SQL Server 组 件 。SQL Server Management Studio 组 合 了 大 量 图 形 工 
具 和 丰富 的 脚本 编辑 器 ,是 SQL Server 2005 中 最 重要 的 管理 工具 组 件 。SQL Server 
Management Studio 将 以 前 版 本 的 SQL Server 2000 中 包括 的 企业 管理 器 .查询 分 析 器 和 
服务 管理 器 的 各 种 功能 ,组 合 到 一 个 单一 环境 中 。 此 外 ,SQL Server Management Studio 
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还 提供 了 一 种 环境 ,用 于 管理 Analysis Services Integration Services .Reporting Services 和 
XQuery( 如 同 于 SQL 相对 于 数据 库 。XQuery 则 是 用 于 XML 数据 查询 的 语言 ) 。 此 环境 
为 开发 者 提供 了 一 个 熟悉 的 体验 ,为 数据 库 管理 人 员 提 供 了 一 个 单一 的 实用 工具 ,使 用 户 
能 够 通过 易 用 的 图 形 工具 和 丰富 的 脚本 完成 任务 。 

1. 启动 SQL Server Management Studio 

(1) 单 击 [开始 1【 所 有 程序 】|Microsoft SQL Server 20051SQL Server Management 
Studio。 


(2) 在 [连接 到 服务 器 】 对 话 框 中 ,验证 默认 设置 ,再 单 击 [ 连 接 】 按 钮 。 
Microsoft SQL Server Management Studio 环境 界面 如 图 13-11 所 示 。 


国 LS (SQL Server 9.0.1399 - LG\tailwind) 
7 机 


fication 8 


Notification Services 
代理 书本 用 代理 XP) 


图 13-11 Microsoft SQL Server Management Studio 环境 界面 


2. SQL Server Management Studio 组 件 介绍 


默认 情况 下 ,SQL Server Management Studio 中 将 显示 两 个 组 件 窗口 。 

。“ 对 象 资源 管理 器 "组 件 窗 口 。 对 象 资源 管理 器 是 服务 器 中 所 有 数据 库 对 象 的 树 
视图 。 该 树 视图 可 以 包括 SQL Server Database Engine 、Analysis Services、 
Reporting Services ,Integration Services 和 SQL Server Mobile 的 数据 库 。 

。“ 文 档 " 组 件 窗口 。“ 文 档 ”" 组 件 窗口 是 SQL Server Management Studio 中 的 最 大 
部 分 。“ 文 档 " 组 件 窗口 可 能 包含 查询 编辑 器 和 浏览 器 窗口 。 默 认 情 况 下 ,将 显 
示 已 与 当前 计算 机 上 的 数据 库 引 擎 实例 连接 的 “摘要 ”页 。 

3. 查询 编辑 器 的 使 用 

查询 编辑 器 是 非常 实用 的 工具 ,主要 用 于 输入 .执行 和 保存 Transact-SQL 命令 ,实现 

数据 库 的 查询 管理 。 用 户 单 击 工具 栏 内 的 【新 建 查询 】 后 , 即 可 编写 SQL 查询 语句 ,在 
【结果 】 窗口 中 浏览 查询 语句 的 执行 结果 。 
对 象 浏览 器 将 显示 服务 器 中 可 以 使 用 的 对 象 ,各 对 象 可 以 被 直接 拖 到 查询 窗口 。 单 
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击 工具 栏 中 的 [ ! 按钮 或 F5 键 用 于 执行 SQL 查询 语句 ,并 在 【结果 】 窗 口中 显示 查询 结 
果 ; 单 击 工具 栏 中 的 [V] 按 钮 ,可 以 检查 SQL 语句 的 正确 性 ,如 图 13-12 所 示 。 


ET Od 分 析 查询 
去 i 二 
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» ||lz 
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图 13-12 查询 编辑 器 


SQL 语句 可 以 被 保存 或 重新 打开 ,SQL 文件 的 扩展 名 为 . sql。 保 存 的 操作 步骤 为 单 
击 [文件 ] 保存] 命令 。 


13.2.3 SQL Server 2000 的 使 用 


1. 基本 知识 点 


SQL Server 2000 中 最 常 使 用 的 组 件 是 “服务 管理 器 *"“ 企 业 管 理 器 "和 “查询 分 析 
器 " 。SQL Server 2000 安装 结束 后 ,默认 情况 下 “服务 管理 器 " 即 自 动 运行 并 提供 服务 支 
持 , 它 是 保障 “企业 管理 器 " 和 “查询 分 析 器 ”等 组 件 运 行 的 前 提 , 在 系统 栏 以 图 标 国 显 
示 ,如果 服 务 停止 , 则 以 图 标 加 显示 。 右 击 该 图 标 可 以 控制 运行 的 状态 。 

“企业 管理 器 "以 图 形 的 方式 对 数据 库 系 统 进行 管理 ,如 图 13-13 所 示 。 

“查询 分 析 器 ”主要 是 以 SQL 命令 字符 串 的 方式 对 数据 库 系 统 进行 管理 , 如 
图 13-14 所 示 。 

初学 时 ,可 以 先 使 用 "企业 管理 器 "熟悉 SQL Server 2000 的 环境 。 待 基本 了 解 之 后 ， 
应 多 练习 使 用 “查询 分 析 器 "进行 数据 库 管 理 。 这 是 因为 ,在 动态 网 站 开发 中 ,程序 对 数 
据 库 的 控制 主要 还 是 以 SQL 查询 语句 为 主 。 


2. 案例 使 用 SQL Server 2000 存放 “通讯 录 " 信 息 


下 面 将 使 用 SQL Server 2000 存放 一 个 “通讯 录 ” 信 息 。 最 终 效果 如 图 13-15 所 示 。 
1) 创建 数据 库 
(1) 单 击 [开始 ]1[【 所 有 程序 】 1Microsoft SQL Serverl[ 企业 管理 器 】; 
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视图 存储 过 程 用 户 角色 


已 多 & 国 


默认 用 户 定义 的 ”用 户 定义 的 。 全 文 目录 
数据 类 型 函数 


由 用 户 编写 的 
SQL 查询 语句 
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图 13-15 ”SQL Server 2000 中 存放 通讯 录 信息 


执行 SQL 
查询 语句 
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(2) 单 击 [SQL Server 组 ] 前 的 压 ] 展 开 要 创建 数据 库 的 服务 器 节点 ,然后 右 击 [数据 
库 ] 并 选择 [新建 数 据 库 】, 在 【常规 ] 选 项 卡 中 的 【名 称 ] 栏 中 输入 新 数据 库 的 名 称 
aspnetdb ,注意 不 能 与 现 有 数据 库 的 名 称 相同 ; 

(3) 单 击 [ 确定】 按钮 ,完成 数据 库 的 创建 。 

2) 创建 数据 表 

(1) 展开 aspnetdb 数据 库 ; 

(2) 右 击 [ 表 ] 并 选择 [ 新建 表 】; 

(3) 在 弹出 的 编辑 窗口 中 分 别 输入 各 列 的 名 称 .数据 类 型 .长 度 .是 否 允 许 空 等 属性 ， 
如 图 13-16 所 示 ; 


从 文件 中 OO 帮助 0D 
加 办 | 号 光 营 外 |? 到 才 气功 吗 转 回 
列 各 


图 13-16 数据 表 结 构 设计 


(4) 在 输入 完 各 列 属性 后 , 单 击 工具 栏 上 的 图 按 钮 ,弹出 [选择 名 称 ] 对 话 框 , 输 入 表 
的 名 称 "AddressBook” ,之 后 单 击 [ 确定】 按钮 ; 

(5) 关闭 【新 建 表 】 窗 口 后 ,在 aspnetdb 数据 库 中 将 看 到 新 表 AddressBook。 

3) 添加 数据 

在 列表 视图 中 右 击 新 表 AddressBook ,在 弹出 的 菜单 中 选择 [打开 表 】I[ 返 回 所 有 
行 】; 在 弹出 的 窗口 中 输入 各 条 记录 数据 (如 张 清 华 等 ) ,全 部 完成 后 关闭 输入 数据 窗口 
即 可 。 


13.2.4 Access 的 使 用 


1. 基本 知识 点 


Access 使 用 的 对 象 包括 表 、 查 询 .报表 、 窗 体 \ 宏 .模块 和 Web 页 ,而 同一 个 数据 库 中 
的 所 有 表 ,查询 、 窗 体 等 都 保存 在 一 个 . MDB 文件 中 (所 以 Access 是 文件 型 数据 库 ) ,默认 
名 字 为 dbl. mdb ,如 图 13-17 所 示 。 
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图 13-17 Access 数据 库 


表 是 Access 中 最 基本 的 对 象 。 它 的 视图 分 为 设计 视图 和 数据 表 视 图 两 种 ,其 中 的 设 
计 视 图 可 以 用 来 创建 表 和 更 改 表 的 结构 ,数据 表 视 图 可 以 在 表 的 结构 建立 后 输入 和 编辑 
表 中 的 记录 数据 。 


2. 案例 : 使 用 Access 存放 “通讯 录 " 信 息 
下 面 将 使 用 Access 数据 库存 放 “ 通 讯 录 "信息 。 最 终 效 果 如 图 13-18 所 示 。 
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图 13-18 ”Access 最 终 效果 图 


1 ) 创建 数据 库 

单 击 【 开始] 1【 所 有 程序 】| Microsoft Office | Microsoft Office Access 2003, 启动 
Access ,在 起 始 页 中 单 击 工具 栏 上 的 [新建] 按钮 ,然后 选择 [ 空 数据 库 】 ;在 弹出 [文件 新 
建 数 据 库 】 对 话 框 中 ,选择 数据 库 文 件 的 保存 位 置 和 名 称 ,如 “D:\aspnetdb" 文 件 夹 下 的 
aspnetdb. mdb ,然后 单 击 [ 创建 ] 按钮 。 

2) 创建 数据 表 

(1) 在 aspnetdb 数据 库 窗口 中 ,双击 [使 用 设计 器 创建 表 】, 将 打开 【 表 设 计 器 】。 参 
照 表 13-5 设计 通讯 录 表 结构 。 

(2) 单 击 工具 栏 上 的 保存 按钮 ,将 表 文 件 名 保存 为 AddressBook。 

(3) 关闭 表 结 构 设 计 窗 口 ,在 aspnetdb 数据 库 窗口 将 看 到 新 建 表 AddressBook 。 

3) 添加 数据 

在 aspnetdb 数据 库 窗口 双击 新 表 AddressBook ,然后 在 弹出 的 数据 表 视 图 窗口 中 录入 
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数据 记录 ;全 部 录入 完成 后 ,直接 关闭 数据 表 视 图 窗口 即 可 ,系统 会 自动 保存 数据 。 


表 13-5 通讯 录 表 结构 


字段 名 称 类 型 宽度 必 填 字段 标 题 说 明 
ID 自动 编号 YES 编号 主键 

Name 文本 10 YES 姓名 

Sex 文本 2 NOT 人 性别 默认 值 * 男 ” 
Birth 日 期 /时 间 NOT 出 生日 期 

E_mail 文本 40 NOT 电子 邮箱 

Telephone 文本 40 NOT 联系 电话 

Address 文本 40 NOT 通信 地 址 

Postcode 文本 6 NOT 邮政 编码 


13.3 利用 [服务 器 资源 管理 器 】] 管理 数据 库 


在 Visual Studio 2008 中 ,各 类 型 数据 库 都 可 以 使 用 [ 服务 器 资源 管理 器 】( 在 Visual 
Studio 的 另 一 个 速成 版 (Express) 中 名 为 【数据库 资 源 管理 器 】) 进行 管理 ,而 不 必 青 使 用 
原配 的 管理 工具 ,如 图 13-19 所 示 。 


图 13-19 服务 器 资源 管理 器 


具体 来 说 ,使 用 [ 服务 器 资源 管理 器 】 能 够 查看 和 检索 连接 到 的 所 有 数据 库 中 的 信 
息 。 可 以 完成 以 下 工作 : 

。 列 出 数据 库 表 、 视 图、 存储 过 程 和 函数 ; 

。 展开 各 个 表 以 列 出 它们 的 列 和 触发 器 ; 
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。 右 击 一 个 表 以 从 其 快捷 菜单 执行 操作 (如 显示 该 表 的 数据 或 查看 该 表 的 定义 ) 。 

默认 情况 下 ,【 服务 器 资源 管理 器 】 位 于 【解决 方案 资源 管理 器 】 标 签 的 右 侧 。 如 果 没 
有 显示 出 来 ,可 以 在 [视图 ] 菜 单 上 选择 [服务 器 资源 管理 器 ] 来 打开 。 

【数据 连接 】 节 点 下 列 出 了 到 不 同类 型 的 数据 库 的 连接 。 默 认 连 接 的 是 ASP. NET 自 
动 生成 的 SQL Server Express 数据 库 ASPNETDB. MDF。 

它 也 可 以 浏览 管理 SQL Server 以 外 的 其 他 类 型 的 数据 库 ,或 者 非 Windows 平台 上 
的 数据 库 。 例 如 ,可 以 创建 到 运行 在 UNIX 或 Microsoft Windows 系统 上 的 Oracle 数据 
库 的 数据 连接 。 下 面 就 介绍 一 下 通过 添加 新 的 数据 连接 来 管理 其 他 类 型 数据 库 。 


13.3.1 添加 新 的 数据 连接 


管理 数据 库 资源 ,首先 需要 添加 到 该 数据 库 的 数据 连接 。 

添加 新 的 数据 连接 ,可 以 按 如 下 步骤 操作 

(1) 右 击 [数据 连接 】 ,选择 [添加 连接 】。 或 者 单 击 【 工 具 ] 菜 单 1[ 连接 到 数据 库 】。 
【选择 数据 源 】 对 话 框 随 即 打开 ,如 图 13-20 所 示 。 

【选择 数据 源 】 对话 框 仅 在 第 一 次 创建 连接 时 出 现 。 选 择 的 数据 源 成 为 每 个 后 续 连 
接 的 默认 数据 源 。 

(2) 从 [数据 源 】 列 表 选 择 要 连接 到 的 数据 源 的 类 型 (如 选择 Microsoft SQL Server) 。 
然后 单 击 [ 继 续 】 按 钮 ,【 添 加 连接 】 对 话 框 打 开 。【 添加 连接 】 对 话 框 特定 于 在 第 (1) 步 中 
选择 的 数据 源 ( 这 里 是 Microsoft SQL Server) ,如 图 13-21 所 示 。 


a 或 单 击 “ 更 改 ” 选择 另 一 个 数据 
数据 源 ); 
Wierosoft SUL Server Galclient) | [oo 


服务 器 名 在 ) 
[ 


| | 刷新 @@) 


-本 好 下 服务 器 


加 使 用 Windows 身份 验证 电 ) 
加 使用 SQL Server 身份 验证 @) 


连接 到 一 个 数据 库 


选择 或 和 


ET 


始终 使 用 此 选择 QD) 


图 13-20 【选择 数据 源 】 对 话 框 图 13-21 【添加 连接 ] 对 话 框 
如 果 [ 添加 连接 】 对 话 框 没有 设置 为 正确 的 数据 源 ,可 以 单 击 【更改 ] 按 钮 ,以 再 次 打 
开 [【 选 择 数 据 源 】 对 话 框 并 选择 另 一 个 数据 源 。 
(3) 输入 连接 到 所 选择 的 数据 源 所 需 的 信息 ,然后 单 击 [ 确定】 按钮 以 创建 连接 。 
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新 的 数据 连接 就 会 出 现在 [ 服务 器 资源 管理 器 】 的 [数据 连接 】 节 点 之 下 。 
例如 ,如 果 创 建 一 个 到 名 为 WebServer 的 服务 器 上 名 为 Northwind 的 数据 库 的 数据 
连接 , 则 [数据 连接 ] 节 点 下 将 出 现 一 个 名 为 WebServer. Northwind. dbo 的 新 连接 。 


13.3.2 移 除 现 有 的 数据 连接 


不 再 使 用 的 数据 连接 最 好 及 时 移 除 ,以 提高 管理 效率 。 

从 【服务 器 资源 管理 器 】 中 移 除数 据 连接 非常 简单 

(1) 在 [服务 器 资源 管理 器 ] 中 展开 [数据 连接 ] 节 点 。 

(2) 选择 所 需 的 数据 库 连 接 。 

(3) 直接 按键 盘 上 的 Delete 键 。 或 右 击 该 连接 ,然后 选择 [删除 ] 命令 。 

移 除 数据 连接 对 实际 的 数据 库 没有 影响 。 使 用 该 操作 只 是 从 视图 中 移 除 引用 而 已 。 


13.4 SQL 语言 基础 


结构 化 查询 语言 ( Structured Query Language, SQL) ,由 于 其 功能 丰富 .语言 简捷 , 现 
已 成 为 关系 型 数据 库 的 标准 语言 。 

可 以 使 用 Visual Studio 2008 的 【 服务 器 资源 管理 器 】 来 执行 SQL。 方法 是 右 击 [服务 
器 资源 管理 器 】 中 的 数据 库 名 (如 ASPNETDB. MDF) ,选择 [新建 查询 】, 系 统 将 弹出 [ 添 
加 表 】 对 话 框 , 直接 关闭 即 可 ,如 图 13-22 所 示 。 


2 azpnet - Micro: al Studio 
文件 四 纲 术 史家 GET 
ROS I ST We RR 


执行 SQL | ESTIS su Ys 


辣 有 TS 
站 


由 用 户 编写 的 
SQL 得 询 语句 
查询 结果 集 本 ee mss esse 


soL 注 稀 
ERE 天 


EL 


图 13-22 使 用 Visual Studio 2008 的 [服务 器 资源 管理 器 ] 来 执行 SQL 查询 


为 了 便于 后 面 的 SQL 语句 的 学 习 , 有 必要 先 创 建 一 个 练习 用 的 表 , 并 录入 几 条 试验 


用 的 记录 。 
创建 新 表 的 方法 是 在 [服务 器 资源 管理 器 ] 中 右 击 [ 表 】 ,选择 [添加 新 表 】 ,然后 依次 
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进行 创建 字段 结构 .命名 新 表 名 等 操作 。 最 后 通过 右 击 新 表 名 ,选择 [ 显示 表 数 据 ] 来 添 
加 新 记录 。 


13.4.1 查询 语句 SELECT 

SELECT 语句 是 使 用 最 频繁 的 语句 。 使 用 SELECT 语句 可 以 实现 对 数据 库 的 查询 操 
作 , 并 可 以 给 出 经 过 分 类 统计、 排序 后 的 查询 结果 。 

1. 最 基本 的 SELECT 语句 

最 基本 的 SELECT 语句 的 语法 格式 如 下 : 

SETpcr* FROM 数据 表 名 称 

例如 : 

SEIECT * FROM article 


这 种 SELECT 语句 能 够 完成 基本 的 查询 功能 ,表示 从 article 表 中 查询 所 有 记录 的 全 
部 字段 信息 ( * 代表 全 部 字段 ) 。 
如 果 只 查看 部 分 字段 的 信息 ,格式 为 : 


SELECT 字段 名 称 1, 字 段 名 称 2, 字段 名 称 3 … FEOM 数 据 表 名 称 
例如 : 
SETECT Title, Content FROM article 


表示 从 article 表 中 查询 所 有 文章 的 标题 (Title) 及 内 容 (Content) 。 
如 果 希 望 查 询 结 果 中 显示 的 列 标题 为 自 定义 的 列 名 称 , 而 非 原 列 名 ,可 以 在 SELECT 
语句 中 使 用 “ 列 名 AS ' 自 定义 的 列 名 称 ” 的 格式 : 


SEIECT Title RMS ' 标 题 ',Content AS ' 内 容 ' FROM article 
2. WHERE 条 件 查询 


WHERE 子 句 是 最 常用 的 条 件 筛选 子 句 , 用 来 规定 欲 选取 的 数据 值 或 行将 被 作为 查 
询 结果 返回 或 显示 。 

WHERE 子 句 的 语法 格式 为 : 

WERE 条 件 表达 式 
其 中 ,条 件 表达 式 主要 包括 字符 匹配 数字 匹配 及 使 用 NOT 和 IN 运算 符 等 的 条 件 查询 。 
如 果 设 置 多 个 查询 条 件 , 则 可 以 使 用 AND 或 OR 运算 符 。 

1) 字符 匹配 

当 用 户 明确 查询 条 件 时 ,条 件 表达 式 的 格式 如 下 : 

字段 名 称 = ' 字 段 值 ， 

这 里 的 字段 值 必须 用 单 引号 括 起 来 。 例 如 下 面 完整 的 语句 : 
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当 用 户 不 明确 部 分 查询 条 件 时 ,条 件 表达 式 的 格式 如 下 : 
字段 名 称 IE "通配符 + 已 知 的 部 分 条 件 ' 
其 中 ,LIKE 为 关键 字 , 常 用 的 通配符 有 % 和 - ,% 代表 多 个 未 知 的 字符 ,_ 代 表 一 个 未 知 


的 字符 。 
例如 : 


SETECT * FROM Products WEERE ProductNemre LIKE 'A%' 


2) 数字 匹配 

数字 匹配 主要 运用 比较 运算 符 (>、<、=、< > 、>=、<= ) 和 BETWEEN … 
AND…。 例 如 : 

SETPCT * FROM Products WEERE UnitPrioe <=15 

再 如 : 

SETPCT * FROM Products WEERE UnitPrioe EETWEEN 15 AND 25 

3) NOT 和 IN 运算 符 

在 查询 条 件 中 还 可 以 使 用 NOT 和 IN 运算 符 ,NOT 运算 符 代表 否定 意义 ,用 在 条 件 
表达 式 之 前 。 例 如 ,在 Orders 数据 表 中 查询 ShipCountry 中 不 包含 USA 的 订单 信息 : 

SETRCT * FROM Orders WERE NOT ShipCountry= "USA' 

IN 运算 符 代表 包含 意义 ,语法 格式 为 : 

字段 名 称 到 ( 值 1, 值 2,…) 

例如 ,在 Orders 数据 表 中 查询 ShipCountry 中 包含 USA .UK 和 Mexico 的 订单 信息 : 


SELECT * FROM Orders WEERE ShipCOountry IN ('USA', "UK', "Mexioo') 


3. ORDER BY 子 句 

当 用 户 的 查询 结果 需要 依据 某 字 段 进行 升序 或 降序 排列 时 ,可 以 使 用 ORDER BY 子 
句 。 它 的 语法 格式 为 : 

CEEER BY 排序 字段 名 [asc rzsa] 
其 中 ,ASC 和 DESC 分 别 表示 按 升序 和 降序 排序 。 默 认 表 示 按 升序 排序 (ASC ) 。 

例如 : 


SETECT * FROM Orders (RIER BY RequiredDate 
4. 聚合 函数 的 使 用 


聚合 函数 是 指 对 一 组 值 进行 计算 并 返回 单一 结果 值 的 函数 ,可 以 完成 一 定 的 统计 功 
能 。 语 法 格式 一 般 为 : 


公 ASP.NET 动态 网 站 开发 教程 
二 


聚合 函数 名 守 段 名 称 ) 


常用 的 一 些 聚合 函数 如 下 : 

。 AVG 返回 平均 值 。 

。 COUNT 返回 SELECT 语句 查询 所 得 的 记录 数量 。 使 用 COUNT 时 ,字段 名 称 可 
用 * 代 替 , 如 COUNT(* )。 

。 MAX 返回 最 大 值 。 

。 MIN 返回 最 小 值 。 

。 SUM 返回 和 值 。 

例如 : 


SETECT OO0UNT(* ) PS 不 及 格 人 数 FROM Stucent WHERE Score< 60 


5. 多 表 查 询 

在 前 面 的 规范 化 实例 中 ,建筑 公司 工资 报表 最 终 划分 为 图 13-10 中 的 4 个 表 , 分 别 是 
工程 表 员工 表 、 职 务 表 和 项 目 工时 表 。 

在 数据 库 应 用 中 ,经 常 需 要 从 两 个 或 更 多 的 表 中 查询 数据 ,这 就 需要 使 用 多 表 查 询 。 
这 时 ,可 以 把 多 张 表 的 名 字 全 部 填写 在 FROM 子 句 中 。 

下 面 的 SQL 语句 实现 同时 对 两 张 表格 进行 查询 : 

SELECT 姓名 ,小 时 工资 率 FEM 员工 表 , 职 务 表 

这 个 查询 的 目的 是 查询 每 名 员工 的 姓名 及 对 应 的 小 时 工资 率 ,查询 结果 如 下 : 


姓名 小 时 工资 率 
齐 光 明 65 
李 思 岐 65 
鞠 明 亮 65 
葛 宇 洪 65 
齐 光明 55 
李 思 岐 55 
鞠 明 亮 55 
葛 宇 洪 55 
齐 光明 60 
李 思 岐 60 
鞠 明 亮 60 
葛 宇 洪 60 


这 个 查询 一 共 返 回 了 12 个 结果 ,显然 ,这 是 不 正确 的 。 问 题 出 在 对 表格 连接 条 件 的 
限制 上 。 在 上 面 的 例子 中 ,没有 对 表格 连接 条 件 做 任何 限制 ,所 以 SQL Server 在 员工 表 
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中 每 取出 一 条 数据 ,就 从 职务 表 中 分 别 取出 每 一 条 数据 与 前 者 组 合成 一 条 记录 。 在 员工 
表 中 有 4 条 记录 ,在 职务 表 中 有 3 条 记录 ,所 以 ,一 共 返 回 了 4 x3 =12 条 记录 。 

这 种 情况 在 数据 库 理论 中 被 称 为 笛 卡 儿 乘 积 。 笛 卡 儿 乘积 返回 的 结果 在 大 多 数 情况 
下 是 宛 余 .无 用 的 ,所 以 应 该 采取 措施 避免 笛 卡 儿 乘积 的 出 现 。 

通过 包含 一 条 WHERE 子 句 来 给 出 查询 连接 条 件 ,可 以 有 效 避 免 出 现 笛 卡 儿 乘积 。 

一 般 来 讲 , 如 果 有 NN 个 表 名 出 现在 FROM 的 后 面 ,那么 ,所 定义 的 连接 条 件 不 得 少 于 
N-1 个 。 

还 是 利用 同一 个 例子 ,为 了 实现 查询 目标 ,正确 的 实现 方法 应 该 是 : 

SETECT 姓名 ,小 时 工资 率 FEM 员 工 表 , 职 务 表 WEERE 员工 表 . 职 务 = 职务 表 . 职 务 

只 查询 齐 光 明 的 小 时 工资 率 是 多 少 ,SELECT 应 该 怎样 写 呢 ? 只 要 再 添加 一 个 员工 
表 中 的 姓名 是 齐 光 明 的 条 件 就 可 以 了 ,请 注意 ,这 两 个 条 件 之 间 是 与 (AND ) 的 关系 : 

Saracy 职工 号 ,姓名 ,小 时 工资 率 

FEM 员工 表 , 职 务 表 


VEEFE 员工 表 .姓名 = ' 齐 光明 ' RD 
员工 表 . 职 务 = 职务 表 . 职 务 


运行 结果 为 : 


职工 号 姓名 小 时 工资 率 
1001 齐 光 明 65 


查询 齐 光 明 在 花园 大 厦 工程 中 所 花 的 工时 : 


SELECT 姓名 ,工程 名 称 ,工时 

FEOM 工 程 表 , 员 工 表 ,项 目 工时 表 

WEERE 员工 表 .姓名 = ' 齐 光明 ' AD 
工程 表 .工程 名 称 = ' 花 园 大 厦 ' RD 
项 目 工时 表 .职工 号 = 员工 表 . 职 工 号 BD 
项 目 工时 表 . 工 程 号 = 工程 表 . 工 程 号 


运行 结果 为 : 


姓名 工程 名 称 工时 
齐 光明 | 花园 大 厦 13 


查询 职工 号 为 1002 的 员工 在 各 工程 中 应 发 的 工资 (工资 = 小 时 工资 率 * 工时 ) : 


SETECT 姓名 ,工程 名 称 ,小 时 工资 率 * 工时 Ps 本 工程 应 发 工资 
FFEOM 员 工 表 ,职务 表 , 项 目 工时 表 , 工 程 表 
WEERE 员工 表 .职工 号 = "1002' AND 

员工 表 .职务 = 职务 表 .职务 RD 

项 目 工 时 表 .职工 号 = 员工 表 .职工 号 RD 

工程 表 . 工 程 号 = 项 目 工时 表 .工程 号 


运行 结果 为 : 
姓名 工程 名 称 本 工程 应 发 工资 
李 思 岐 花园 大 厦 960 
李 思 岐 临 江 饭 店 1080 


可 以 分 行书 写 SQL 语句 ,尤其 语句 比较 复杂 时 ,分 行书 写 可 使 语句 变 得 更 加 可 读 。 
13.4.2 插入 语句 INSERT 


INSERT 语句 的 语法 格式 为 : 
INSEFT [INTO] 数据 表 名 [他 段 1, 字段 2, 字段 3,…)] VarEs ( 值 1, 值 2, 值 3,…) 


其 中 ,数据 表 名 指 要 添加 数据 的 数据 表 名 称 。 若 没有 指定 添加 字段 列表 , 则 表示 指定 全 部 
字段 ,添加 数据 值 必须 与 添加 字段 列表 中 的 字段 名 一 一 对 应 (数量 对 应 ,类 型 对 应 ,次 序 
对 应 ) 。 

例如 ,向 员工 表 内 添加 一 名 新 的 员工 (职工 号 为 1005, 姓 名 为 任 吾 学 ,职务 为 工 
程 师 ) : 


INSEFT 员工 表 品 工 号 , 姓名 , 职务 ) VanEs ("1005',' 任 吾 学 '，' 工 程 师 ') 


13.4.3 更 新 语句 UPDATE 
更 新 数据 的 语法 格式 为 : 
veoare 数据 表 名 ser 字段 名 1= 新 的 字段 值 1 字段 名 2= 新 的 字段 值 2,… [eRe 条 件 表达 式 ] 
例如 ,将 员工 表 内 职工 号 为 1005 的 员工 职务 更 改 为 技术 员 : 


UEDAIE 员工 表 SET 职务 = ' 技 术 员 ' WERE 职工 号 = '1005' 


13.4.4 删除 语句 DELETE 
DELETE 请 句 的 语法 格式 为 : 
IELETE [EROM] 数据 表 名 [WEERE 条 件 表达 式 ] 
例如 ,删除 员工 表 内 姓名 为 任 吾 学 的 记录 : 
IELETE 员工 表 WHERE 姓名 = ' 任 吾 学 ' 


使 用 DELETE 时 一 定 要 小 心 ,如 果 遗 忘 使 用 WHERE 子 句 , 则 数据 表 中 所 有 的 记录 
都 将 被 而 除 。 
本 章 小 结 


本 章 通 过 创建 “通讯 录 ” 数 据 库 案例 ,介绍 了 利用 Access 2003 和 SQL Server 2000 创 
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建 数据 库 的 基本 流程 ,学 习 了 数据 库 及 表 的 创建 方法 和 基本 使 用 方法 。 任 何 应 用 程序 向 
数据 库 系统 发 出 命令 以 获得 数据 库 系 统 的 响应 ,最 终 都 必然 体现 为 SQL 语句 形式 的 指 
令 , 所 以 在 本 章 最 后 详细 介绍 了 SQL 语言 。 

为 了 设计 结构 良好 的 数据 库 ,需要 遵守 一 些 专门 的 规则 , 称 为 数据 库 的 设计 范式 。 

第 一 范式 (1NF) 的 目标 : 确保 每 列 的 原子 性 。 

第 二 范式 (2NF) 的 目标 : 确保 表 中 的 每 列 都 和 主键 相关 。 

第 三 范式 (3NF) 的 目标 : 确保 每 列 都 和 主键 列 直接 相关 ,而 不 是 间接 相关 。 

这 里 给 出 一 个 学 习 SQL 不 错 的 网 站 : 深入 浅 出 SQL 指南 ,网 址 是 http:// 
Sqlzoo. cn/ 。 


习题 
1. 填空 题 
(1) SQL Server 数据 库 的 存储 结构 包括 和 8 
(2) 一 个 SQL Server 数据 库 至 少 应 该 包含 一 个 文件 和 一 个 文件 。 
(3) 在 Access 2003 中 ,通过 来 执行 SQL 语句 ,而 在 SQL Server 2000 中 , 通 
过 来 执行 SQL 语句 。 
(4) SQL 语言 中 ,用 于 排序 的 是 子 句 。 
2. 选择 题 
(1) 下 列 ( ) 关 键 字 在 SELECT 子 句 中 表示 所 有 列 。 
A.* B. ALL C. DESC D. DISTINCT 
(2) 下 列 ( ) 聚 合 函 数 可 以 计算 平均 值 。 
A. SUM B. AVG C. COUNT D. MIN 
(3) 下 列 ( ) 聚 合 函 数 可 以 计算 某 一 列 上 的 最 大 值 。 
A. SUM B. AVG C. MAX D. MIN 
3. 判断 题 
(1) 第 卡 儿 乘 积 可 使 查询 结果 精简 无 误 。 ) 


(2) 在 默认 情况 下 ,ORDER BY 按 升序 进行 排序 , 即 默认 使 用 的 是 ASC 关键 字 。 
( ) 


4. 简 答题 


(1) LIKE 匹配 字符 有 哪 几 种 ? 
(2) 在 数据 检索 时 ,BETWEEN 关键 字 和 IN 关键 字 的 适用 对 象 是 什么 ? 


5. 操作 题 
(1) 在 NorthWind 数 据 库 的 Employees 表 中 搜索 出 职务 (Tite) 为 销售 代表 


一 G33 ASP.NET 动态 网 站 开发 教程 _ 


(SalesRepresentative ) ,称呼 ( TitleOfCourtesy ) 为 小 姐 ( MS. ) 的 所 有 职员 的 名 (FirstName ) ， 
姓 (LastName) 和 生日 (BirthDate)。 

(2) 查询 在 NorthWind 数据 库 的 Employees 表 中 ,以 字母 A 作为 FirstName 第 一 个 字 
母 的 雇员 的 FirstName 和 LastName。 

(3) 使 用 聚合 函数 求 出 Pubs 数据 库 的 Titles 表 中 ,所 有 经 济 类 书籍 ( Business ) 的 价 
格 (Price) 之 和 (图 书 分 类 Type) 。 

(4) 在 NorthWind 数据 库 的 Products 表 中 查询 出 每 个 供应 商 (Suppliers ) 所 提供 的 每 
一 种 平均 价格 (Unitprice) 超过 15 美元 的 产品 , 按 供应 商 的 人 D 分 类 。 


在 网 页 中 读 写 数据 库 信 息 


动态 网 页 可 以 读 . 写 数据 库 中 的 数据 信息 。 人 们 在 互联 网 上 看 到 的 动态 网 站 ,网 页 上 
显示 的 信息 大 都 是 从 数据 库 中 读 取 出 的 。 

为 了 方便 对 本 章 内 容 的 了 解 ,首先 介绍 一 下 网 站 前 台 与 后 台 。 

基于 带 数据 库 开 发 的 动态 网 站 ,一 般 分 网 站 前 台 和 网 站 后 台 。 

网 站 前 台 是 面向 网 站 访问 用 户 的 ,通俗 地 说 也 就 是 给 访问 网 站 的 人 看 的 内 容 和 页 面 ,网 
站 前 台 访 问 可 以 浏览 公开 发 布 的 内 容 , 如 产品 信息 .新闻 信息 ,企业 介绍 ,企业 联系 方式 等 。 

网 站 后 台 , 有 时 也 称 为 网 站 管理 后 台 , 用 于 对 网 站 前 台 内 容 进行 一 系列 管理 操作 ,如 
产品 ,新闻 企业 信息 的 增加 ,更 新 ,删除 等 。 通 过 网 站 后 台 , 可 以 有 效 地 管理 网 站 供 浏览 
者 查阅 的 信息 。 

进入 网 站 的 后 台 通常 需要 账号 及 密码 等 信息 的 登录 验证 ,登录 验证 信息 正确 才 可 以 
进入 网 站 后 台 的 管理 界面 进行 相关 的 一 系列 操作 。 

当然 ,网 站 的 前 台 和 后 台 都 是 网 站 开发 人 员 事先 做 好 的 一 系列 的 动态 网 页 。 这 些 网 页 都 
离 不 开 与 数据 库 之 间 进 行 数据 的 交换 。 比 如 设计 一 个 某 高 校 的 网 站 ,其 结构 如 图 14-1 所 示 。 
某 高 校 网 站 结构 

i | 1 

前 台 页 面 显示 模块 台 系统 管理 模块 


单 页 类 栏目 新 闻 类 栏目 | de 


图 形 说 明 
动态 网 页 


、AN 中 
po S fd 
立 动态 网 下 ss. ，、 数 2 
一 读数 据 流 所 
一 .一 读 、 写 数据 流 库 


图 14-1 某 高 校 的 网 站 结构 图 
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从 中 可 以 看 出 ,数据 库 是 网 站 信息 的 储存 中 心 ,网 站 后 台 通过 动态 网 页 向 其 中 添加 信息 
数据 ,而 网 站 前 台 则 主要 负责 将 数据 库 中 的 信息 数据 读 取出 来 ,通过 网 页 展示 给 浏览 者 。 


14.1 使 用 动态 网 页 读 写 数据 库 


14.1.1 动态 网 页 读 、 写 数据 库 的 流程 
为 了 明晰 动态 网 页 读 、 写 数据 库 的 流程 ,首先 来 看 图 14-2。 


ein 
? 
\ 


Ws 


图 14-2 动态 网 页 读 、 写 数据 库 的 流程 


1. 图 例 中 的 “桥梁 "一 和 (连接 对 象 ) 


网 页 与 数据 库 是 两 个 独立 的 个 体 ,如 果 网 页 要 读 、 写 数据 库 , 就 必须 在 网 页 中 创建 一 
个 连接 对 象 (SqlConnection ) 作为 “桥梁 "连接 两 者 。 为 了 能 够 准确 搭建 到 目的 数据 库 , 同 
时 要 指出 相应 参数 ( 各 参数 之 间 加 分 号 * ;” ,前 后 次 序 无 关 紧 要 ) 。 例 如 : 

建立 一 个 到 SQL Server 数据 库 B 的 连接 对 象 conn ,并 打开 : 

SqlConnection conn = new SqlOomnection ("data souroe = localhost ;Initial 

Catalog= 数 据 库 B;user id= sa;password= 123"); 

conn.Open ()7 

别 忘记 了 ,最 后 “桥梁 "建立 完 ,要 “开通 剪裁 "才能 使 用 。 因 此 ,在 第 二 行 语句 要 把 新 
建 的 连接 对 象 打开 , 即 conn. Open( ) ; 。 


Cp» 了 使 用 SQL 数据 库 连 接 等 相关 对 象 ,应 先导 入 对 应 的 命名 空间 , 即 ; 


using System.Data.salClient; 

第 一 行 语句 中 括号 内 各 字符 串 参数 的 作用 如 下 : 

(1) 目的 数据 库 所 在 服务 器 的 位 置 。 由 data source 属性 (或 server 属性 ) 指 出 ,如 果 
数据 库 服 务 器 与 网 站 位 于 同一 台 计 算 机 上 ,可 使 用 值 localhost ,否则 使 用 耳 地 址 。 例 如 : 

Gata source = localhost; 


Gata source=192.168.1.1007 
server = 218.25.70.85; 


(2) 要 连接 的 数据 库 名 称 。 由 Initial Catalog 属性 (或 database 属性 ) 指 出 。 例 如 : 
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Initial Catalog= 数 据 库 B; 

database =article; 

(3) 如 何 通 过 数据 库 验证 。 有 两 种 选择 ,如 果 以 当前 的 Windows 用 户 身份 登录 数据 
库 , 使 用 Integrated Security = SSPI; 如 果 以 提供 验证 身份 的 方式 , 即 输入 数据 库 账 号 和 密 
码 登录 , 则 使 用 user id = 账号 名 ;password = 密码。 例如 : 

Integrated Security = SSPT; 

user id = sa;password=123 (号 为 uid= sa;pxd=123 也 可 以 ); 

(4) 驱动 提供 信息 。 如 果 连 接 非 SQL Server 数据 库 时 ( 如 Access ,Oracle 数据 库 ) ， 
还 需要 额外 添加 一 个 Provider 属性 来 显 式 指出 驱动 提供 程序 信息 。 例 如 : 

连接 Access 数据 库 : 

Provider = Microsoft..Jet.OLETB.4.0; 

连接 Oracle 数据 库 : 

Provider = MSDPCEA; 

没有 任何 理由 将 以 上 连接 信息 硬 编码 到 每 个 需要 连接 数据 库 的 网 页 内 (可 移植 性 
低 , 且 产生 代码 元 余 )。 实 际 开发 中 ,大 都 将 连接 字符 串 保存 到 web. config 文件 的 

<connectionStrings > 节点 ,并 命名 以 备 调 用 (如 myConn) 。 例 如 : 
< ConnecticnStr ings > 
< ad nare= "mconnn 
connecticnstring = "Data Souroe = localhost; 
Initial Catalog = pibs; 
User ID= sa; 
Password=123" /> 
< /connecticnstrings > 

这 样 , 每 个 网 页 如 需 获 取 该 连接 字符 串 , 就 可 以 从 WebConfigurationManager. 
ConnectionStrings 集合 中 读 取 连 接 字符 串 了 。 例 如 获取 上 面 名 为 myConn 的 连接 字符 串 ， 
可 写 为 : 

String strcom= 

TEbConfiguraticorManager.ConnecticnStrings [myOormm"] .ConnecticnString7 


人 W 靖 先 导入 System. Web. Configuration 命名 空间 。 


以 后 的 示例 ,如 果 写 为 这 种 方式 ,说 明之 前 已 经 将 连接 字符 串 加 入 web. config 文件 
中 了 。 

如 果 使 用 默认 的 SQL Server 2005 Express 数据 库 就 方便 了 ,ASP. NET 已 经 隐 含 定义 
好 了 它 的 连接 字符 串 ,名 字 叫 LocalSqlServer ,程序 中 如 需 调 用 ,就 可 写 为 : 

string strconmn= 

TEConfigmaticrMenacer.ComnecticnStrings[IocalSqlServer"] .ConnecticnStringy 
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2. 图 例 中 的 “货物 一 一 纸张 "(SQL 命令 语句 ) 


连接 对 象 只 是 负责 确定 目标 数据 库 ( 图 中 为 “数据 库 B”) 的 位 置 。 由 于 数据 是 存放 
在 数据 库 的 相关 表 里 , 因 此 还 要 根据 预期 的 结果 编写 合适 的 SQL 命令 语句 。 例 如 : 
从 表 2 中 获取 前 10 条 记录 的 SQL 命令 语句 : 


SETECT TOP 10* FRM 表 2 
删除 表 1 中 姓名 为 赵 天 乐 的 记录 的 SQL 命令 语句 : 
TEIETE 表 1 WHERE 姓名 = ' 赵 天 乐 ' 


3. 图 例 中 的 “货车 "和 @ 仿 (命令 对 象 ) 


SQL 语句 从 存在 形式 上 看 只 是 一 个 字符 串 , 如 “SELECT TOP 10 * FROM 表 2", 它 
还 需要 搭载 到 一 个 命令 对 象 (SqlCommand) 上 信人 少 , 才 能 够 被 执行 。 例 如 : 

String strsql = "SETECT TOP 10* FROM 表 2"; 

SqlCamand ard = new SqlCamrand (strSql, orn); 

命令 对 象 离 不 开 连 接 对 象 ,就 像 货车 离 不 开 公路 一 样 ,因此 不 要 遗忘 括号 中 给 出 已 先 
建立 起 来 的 连接 对 象 conn。 


4. 图 例 中 的 “货物 一 一 集装箱 " 难 ( 读 取 结果 集合 对 象 ) 


创建 了 命令 对 象 SqlCommand 之 后 ,就 可 以 使 用 它 的 一 系列 Execute( 执行 ) 方 法 来 完 
成 SQL 命令 的 执行 ,并 返回 多 对 应 的 执行 结果 办 . 

实际 中 需要 返回 的 执行 结果 有 3 种 : 

(1) 当 需 要 返回 读 取 的 结果 集合 时 (一 般 在 使 用 SELECT 查询 时 ) ,如 查询 年 龄 在 18 
岁 以 上 人 员 和 名单 (SELECT * FROM userInfo WHERE age > 18) 。 应 使 用 命令 对 象 的 
ExecuteReader 方法 来 返回 一 个 读 取 结 果 集 合 对 象 SqlDataReader s 僵 . 

对 集合 对 象 SqlDataReader 中 的 记录 读 取 之 前 , 先 要 使 用 Read 方法 打开 并 定位 到 集 
合 的 第 一 条 记录 。 

如 果 读 到 了 一 个 数据 记录 , Read 方法 就 会 返回 为 真 (true) 。 以 后 每 次 执行 Read 方 
法 ,记录 就 会 向 下 移动 一 条 。 若 返回 假 (false) , 则 表示 没有 数据 可 读 了 。 

通过 在 SqlDataReader 对 象 后 加 “[" 字段 名 " ] ”的 方式 可 以 获取 当前 记录 当前 字段 
的 内 容 ( 注 意 类 型 转换 ) 。 

例如 : 

string strsql = "SETECT* FROM userInfo WERE age =18"; 

salcamand ard = new sqlcamand(strsql，corn) 

sqlDataReader reader = ard.ExecuteReader (); 

Teader .Read (); 

FResponse.Write (reader ["userNeme"] -ToString ())7 


上 例 将 输出 用 户 信息 表 (userInfo ) 中 年 龄 (age ) 为 18 岁 的 第 一 个 人 员 的 姓名 
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(userName ) 。 

(2) 只 返回 单个 值 (一 般 作 统 计数 量 时 使 用 , 常 与 聚合 函数 COUNT 配合 ) ,如 查询 成 
绩 为 90 分 以 上 学 员 的 数量 (SELECT COUNT( * ) FROM student WHERE score >=90)， 
就 可 使 用 命令 对 象 的 ExecuteScalar 方法 。 例 如 : 


string strSaql = "SETRCT COUNT (* ) FROM student WHERE soore >= 90"; 

SqlCamand amda = new SqlComand (strsql, on); 

int intNuriber = int .Parse (arq.ExsecuteScalar ()); 

(3) 只 执行 处 理 即 可 ,无 须 返 回 值 。 一 般 对 应 SQL 的 添加 (INSERT) ,删除 
(DELETE) ,更 新 (UPDATE ) 这 三 种 操作 ,这 时 常 使 用 命令 对 象 的 cmd. ExecuteNonQuery ( ) 
方法 处 理 。 例 如 : 

string strsql = "[ELETE 表 2 WHERE usemame = ' 易 果实 '"; 

SqlCamand amd = new SqlCamrand (strSql, oan); 

ard .ExecuteNonQuery ()7 


5. 卸货 拆 桥 


工作 完成 后 ,为 了 释放 占用 的 资源 ,应 及 时 “ 缉 货 拆 桥 ” , 即 关 闭 打开 的 读 取 结果 集合 
对 象 和 连接 对 象 : 

reader .Close (); 

conn.Close (); 
即 ,前 面 有 读 取 结果 集合 对 象 的 Read( ) 方 法 ,后 面 就 要 有 它 的 Close( ) 方 法 ;前 面 有 连接 
对 象 的 Open( ) 方 法 ,后 面 就 要 有 它 的 Close( ) 方 法 。 关 闭 要 逐 级 从 内 往外 进行 。 也 就 是 
说 ,最 后 打开 的 要 先 关 , 先 打开 的 后 关 。 

有 的 开发 者 为 了 省 事 , 往 往 不 进行 这 种 显 式 的 关闭 ,当然 ,这 样 做 一 般 也 不 影响 结果 
的 执行 。 但 如 果 网 站 长 时 间 运 行 ,或 者 有 大 量 用 户 访问 ,系统 被 占用 的 资源 得 不 到 及 时 释 
放 , 往 往 会 使 网 站 服务 器 速度 降低 ,甚至 死机 重启。 

因此 ,开发 者 应 养 成 及 时 关闭 不 再 使 用 资源 的 良好 编程 习惯 。 


14.1.2 案例: 在 网 页 显示 新 闻 标 是 Er 
田 号 服务 器 加 


下 面 通过 一 个 具体 的 案例 来 讲解 使 用 动态 网 页 来 读 、 |s 印 当 Bi 
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1. 数据 库 的 设计 


为 了 对 数据 库 进 行 读 、 写 ,需要 先 构 建 数 据 库 的 表 结 
构 , 如 图 14-3 所 示 。 

(1) 数据 库 采用 默认 的 SQL Server 2005 Express, 文 上 有 二 车 
件 名 为 ASPNETDB. MDF, 保存 在 网 站 App_Data 子 目 ”以 机 | 各 服务 吕 妆 源 六 
录 中 。 14-3 ”数据 库 相关 信息 定义 


图 图 图 图 


国 aspnet_Personslirs 


(2) 切换 到 [服务 器 资源 管理 器 窗口 , 单 击 由 -展开 数据 库 ASPNETDB. MDF， 
右 击 [ 表 】 新 建 article 表 , 包 括 5 个 字段 : id \title .contents .imageUrl .pubTime。 定 义 
见 表 14-1。 

表 14-1 表 article 各 字段 定义 


字段 名 称 作 用 例 子 类 型 设计 

id 主键 1,2,3… int 类 型 ,设置 为 主键 六 ,标识 规范 : 是 
title 发 表 文章 的 标题 | 新 站 开张 nchar(50) 类 型 

contents | 文章 具体 内 容 lh kh nvarchar( MAX) 类 型 

imageUrl “| 文章 图 片 路 径 ~/images/welcome. jpg “| nchar(80) 类 型 

pubTime ”| 文章 发 表 时 间 “| 2010-5-26 20:54:44 datetime 类 型 ,默认 值 或 绑 定 : getdate( ) 


(3) 为 表 article 添加 若干 条 测试 用 记录 (以 后 可 以 通过 后 台 网 页 向 其 添加 ,现在 这 样 
做 的 目的 是 便于 操作 和 理解 ) , 见 表 14-2。 
表 14-2 表 article 的 测试 用 记录 
id title contents imageUrl pubTime 
这 是 我 的 第 一 个 动态 网 站 ,非常 不 
错 的 哦 ! 


SQL( Structured Query Language ) 
什么 是 | 是 结构 化 查询 语言 ,由 于 其 功能 丰 


1 | 新 站 开张 ~/images/ welcome. jpg | 2010-5-26 20:54:44 


2 SQL? 富 语言 简捷 . 现 已 成 为 关系 型 数 ~/images/SQL. jpg 2010-5-30 20:54:44 
据 库 的 标准 语言 。 
3 | 天 气 真 好 | 今天 天 气 好 ,心情 也 非常 好 啊 ~ /images/heart. jpg 2010-6-1 9:09:51 


如 果 使 用 其 他 数据 库 , 如 SQL Server 2000 Access 等 ,创建 方法 类 似 。 
2. 读 取 数 据 库 中 的 记录 信息 


下 面 使 用 动态 网 页 ,通过 编写 若干 条 程序 , 读 取 数 据 库 中 的 记录 信息 ,并 显示 到 网 
页 上 。 
操作 步骤 如 下 : 

(1) 在 网 站 主 目录 下 新 建 一 个 动态 网 页 。 右 击 主 目录 名 称 ,选择 [添加 新 项 ] |【 Web 
窗 体 】( 改 名 为 read. aspx) 上 [添加 】。 
(2) 进入 read. aspx 页 的 代码 视图 ,添加 相关 的 命名 空间 。 


Using System.Data.Sqlclient; 
(3) 在 Page_Load 事件 中 添加 如 下 代码 : 


string strConn 王 
TEConfigmaticrMnacoer.ConnecticnStrings ["TocalSqlServer"] .CmectianString; 
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Sqlconnection conn = new Sqlconnecticn (strconn) ; 
conn-Open ()7 

string strsql = "select * fram article"; 
SqlCamand amd = new SqlCamand (strSsql, comn); 
SqlDataReader reader = ard.FExecuteReader (); 
reader .Read (); 

Response .Write (reader ["title"] .ToString())7 
reader .Close (); 

com.Close (); 


完整 代码 如 图 14-4 所 示 。 


lj using System; 

2 | using System.Collections; 

引 | using System.Configuration; 

4 | using System.Data; 

5 | using System.Linq; 

6 | using System,Web; 

7 | using System.Web.Security; 

8 | using System.Web.UI; 

引 | using System,Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 


using System.Web.UI.WebControls.Webparts; 
2)| using System.Xml.Ling; = 引用 两 个 新 的 命名 空间 
using System.Data.SqlClient; 


4 外 using System.Web.Configuration; 
6le public partial class read : System.Web.UI.Page 
了 | 1 
protected void Page_Load(object sender, EventArgs e) 
// 定 义 数据 库 连 接 字 符 串 变量 
string strConn = WebConfigurationManager .ConnectionStrings["LocalSqlServer"].Connectionstring; 
SqlConnection conn = new SqlConnection(strConn); 1 
conn.Open(); // 打 开 连 : 
string strSql="select * from article"™; 
SqlCommand cmd = new SqlCommand(strSql，conn); 。 // 创 建 命 今 对象 cmd 
SqlDataReader reader = cnd,ExecuteReader(); // 执 行 S&L 命令， 将 读 取 结 果 集 赋 给 新 建 对 象 reader 
reader .Read(); 7/ 开始 读 取 ， 定 位 到 第 1 宗 记录 
2 Response.Write(reader["title"]. ToString()); / /是 出 当前 记录 sirle 子 届 A 容 
29| reader,Close(); reader 对 象 
39| conn.Close(); /1 时 训 
1 } 
3 外 } 


图 14-4 read. aspx 页 的 最 终 代 码 


运行 本 页 后 ,显示 的 内 容 是 数据 库 中 的 新 闻 标题 “新 站 开张 ”。 
如 果 希 望 显示 全 部 的 数据 记录 。 可 将 图 14-4 中 第 27 和 28 行 语 句 改写 为 循环 进行 
输出 : 


while (reader.Read()) 


{ 

Response.Write ("< h2 > "+ reader["title"] .ToString() + "< /h2 > "); 

Response .Write (reader ["omtents"] .ToString())7 

Response -Write(" <hr/ > "); // 每 条 记录 之 间 用 水 平 线 分 隔 
} 


显示 全 部 的 数据 记录 的 效果 如 图 14-5 所 示 。 
如 果 和 希望 显示 的 格式 更 漂亮 一 些 ,可 以 结合 Table 控件 使 用 。 


3. 将 网 页 中 的 信息 保存 到 数据 库 中 
在 开发 中 ,也 经 常 需要 将 用 户 填写 到 网 页 中 的 信息 保存 在 数据 库 中 ,如 用 户 留言 \ 投 


4 
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全 


票 、 


要 无 标题 页 - 了 Microsoft Internet Explorer 
文件 中 ”编辑 有 查看 GD) 收 亭 和 工具 加 帮助 如 


-9- 国 国名 全 办 8| 全 -人鱼 团 " 回 K 
地 址 中) 罩 http://1ocslhost:1452/aspnet/read sspx 

新 站 开张 

这 是 我 的 第 一 个 动态 网 站 ， 非 常 不 错 的 哦 ! 


什么 是 SQL? 


SQL(Stmctared Query Language) 是 结构 化 查询 语言 ， 由 于 其 功能 丰富 、 语言 简捷 ， 
现 已 成 为 关系 型 数据 库 的 标准 语言 。 


天 气 真 好 
今天 天 气 好 ， 心 情 也 非常 好 啊 


图 14-5 显示 全 部 的 数据 记录 的 效果 
后 台 管 理 等 栏目 。 下 面 新 建 一 个 新 闻 录 入 网 页 ( write. aspx) , 由 用 户 向 其 中 的 


TextBox 控件 内 填写 内 容 , 提 交 后 ,将 内 容 保存 


到 数据 库 中 。 设 计 效 果 如 图 14-6 所 示 。 ee 新 闻 信息 录入 

要 设计 出 该 效果 ,需要 首先 插入 一 个 5 行 i z 
2 列 的 表格 ,并 对 表 头 和 表 脚 进行 合并 ;然后 从 J 
工具 箱 拖 人 2 个 TextBox 控件 ,1 个 Button 控 mw, 


件 和 1 个 Label 控件 ,并 修改 各 自 的 Id 等 属 
性 值 。 


图 14-6 ”新闻 录 入 网 页 的 设计 效果 
界面 设计 完成 后 ,双击 Button 控件 (Id 名 


为 bnAdd) ,在 代码 视图 的 bmAdd_Click 事件 中 书写 以 下 代码 : 


// 获 取 用 户 填写 在 Textecx 控 件 中 的 内 容 , 并 赋值 到 相应 的 变量 

String strTitle = txtTitle.Text; 

string strContents = txtContents.Text7 

// 定 义 数据 库 连 接 字 符 串 变量 

string strConn = 

VEConfigmraticrManager.ConmnecticnStrings ("TocalSqlServer"] .ConectionString; 
sqlConnection conn = new SqlConnecticn (strconn) ; ”// 创 建 连接 对 象 cam 


conn-Open ()7 // 打 开 连 接 

String strsdql = "insert into article (itlercontents) Values(""+ strTitle+ "+ stroontents + "")"; 
// 留 意 其 中 单 引 号 和 变量 的 作用 

SqlCamand ard = new sqlCamand (strsql, oomn); // 创 建 命令 对 象 ama 

amdLExecuteNonpuery () 7 // 执 行 s 红 命令 ,无 须 将 结果 返回 


ladMessage.Tezt = "信息 录入 完成 1"; 
conn.Close (); 
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可 以 看 出 ,保存 数据 到 数据 库 与 前 面 的 从 数据 库 读 取 的 方式 非常 类 似 , 都 需要 导入 命 
名 空间 、 创 建 与 数据 库 的 连接 对 象 .命令 对 象 等 。 不 同 之 处 主要 在 于 : 

(1) 多 了 一 个 接受 用 户 输入 的 工作 ; 

(2) SQL 语句 使 用 了 INSERT; 

(3) 命令 对 象 使 用 了 无 返回 的 执行 方法 ExecuteNonQuery( ) ; 

(4) 不 青 需 要 读 取 结 果 集 合 对 象 。 

对 应 的 ,如 果 需 要 对 数据 库 中 的 数据 进行 更 新 ,那么 语句 也 相差 不 多 ,主要 是 SQL 语 
句 要 使 用 UPDATE。 


4. 删除 选 定 的 记录 
首先 在 页 面 中 获取 用 户 要 删除 记录 的 ID 号 ,然后 依据 ID 号 对 表 中 的 记录 进行 删除 。 


删除 操作 与 插入 操作 相 比 , 除 SQL 语句 获取 参数 的 方法 与 提示 信息 不 同 外 ,其 他 部 分 完 
全 一 样 。 相 关 代码 如 下 : 


// 获 取 用 户 选择 删除 的 功 号 ,并 赋值 到 相应 的 变量 
string strId= txtId.Text; 


// 定 义 数据 库 连接 字符 串 变 量 

string strConn = 

VEEConfigmaticrManacer.ConnecticnStrings ["TocalSql Server"] .ConnecticnStringy 
SqlConnecticn conn = new SqlConnecticn (strConn) 7 // 创 建 连接 对 象 cmn 
com.open07 // 打 开 连 接 


String strsql = "delete article where ida= "+ strId; 
Sqlcamand amd = new SqlComrand (strsql, oomn); /创建 命令 对 象 ad 
ard.ExecuteNonRuery () 7 // 执 行 sz 命令 ,无 须 将 结果 返回 
1adMessage.Text = "信息 删除 完成 1"; 

comn.Close ()7 

注意 之 前 先导 入 相关 的 命名 空间 。 

5. 将 网 站 移植 到 SQL Server 2000/2005 或 Access 数据 库 平台 


同样 使 用 当前 的 案例 ,如 果 数 据 库 要 更 改 为 其 他 类 型 ,如 SQL Server 2000/2005 或 
Access 数据 库 ,代码 就 需要 作 部 分 的 调整 。 
1) 移植 到 SQL Server 2000/2005 版 本 
如 果 采 用 SQL Server 2000/2005 版 本 ,调整 部 分 如 下 。 
(1) 新 建 一 个 SQL Server 2000/2005 数据 库 , 假设 名 称 为 mydb, 服务 器 位 于 
192. 168.7. 182 ,连接 用 户 名 为 sa, 密码 是 123456。 表 名 、 结 构 与 上 面 SQL Server 2005 
Express 相同 。 
(2) 修改 web. config 文件 的 < connectionStrings > 节点 ,并 命名 以 备 调用 (如 
mySqlConn ) 。 
_ connecticnStrings > 
< add name = "mySqlom" 
connecticnString= "Data Souroe = 192 .168.7.182; 
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Jnitial Catalog = mydb; 
User D= sa; 
Password= 123456" /> 
< /connectionstrings > 
(3) 由 于 同属 SQL Server 家 族 ,因此 在 网 页 部 分 的 代码 中 ,只 将 调用 的 连接 字符 串 
名 (原来 为 LocalSqlServer) 对 应 改过 来 (mySqlConn ) ,其 他 不 必 改 变 , 就 可 以 正常 使 用 。 
2) 移植 到 Access 数据 库 
Access 数据 库 对 应 的 调整 方法 如 下 。 
(1) 新 建 一 个 Access 数据 库 ( 如 dbl. mdb ) , 表 名 、 结 构 与 上 面 SQL Server 2005 
Express 相同 ,并 同样 保存 到 网 站 App_Data 子 目 录 内 。 
(2) 修改 web. config 文件 的 <connectionStrings> 节点 , 并 命名 以 备 调用 (如 


myAccessConn ) 。 


< connecticnStrings > 
< ac name = "myPcoessConn" 
connectionString= "Provider = Microsoft .Jet.Oledb.4.0; 


Gata source = |DataDirectory |Gbl .mb" 
ProviderName = "System.Data.OleDb"/ > 
< /connecticnstrings > 


其 中 ,1DataDirectory1 关 键 字 代 表 App_Data 子 目 录 的 路 径 。 
(3) 将 网 页 之 前 导入 的 命名 空间 System. Data. SqlClient 更 改 为 System. Data. OleDb。 
(4) 将 代码 中 所 有 对 象 的 Sql 前 级 更 改 为 OleDb 前 级 。 例 如 ,SqlConnection 更 改 为 
OleDbConnection 。 
其 他 代码 不 再 需要 变动 。 最 终 如 图 14-7 所 示 。 


和 using System; 

using System.Collections; 

3 using System.Configuration; 

4 | using System,Data; 

5 | using System.Ling; 

6 | using System.Web; 

7 | using System.Web.Security; 

8 | using System,Web.UI; 

9 | using System.Web.UI.HtmlControls; 

19 | using System.Web.UI.WebControls; 

11 | using System.Web.UI.WebControls.Webparts; 
12|| using System.Xml.Linq; 

13| using system.Data.oleDb; 原 命名 空间 为 system.Data.sq1Client 
14| -using System.Web.Configuration; 


16 旧 public partial class read : System.Neb.UI.Page 
{ 


protected void Page_Load(object sender, EventArgs 


a 
19 { 

29 // 定 义 数据 库 连接 字符 串 变 重 
21 


string strConn = NebConf 


e) 


Manager .ConnectionStrings [myAccessConn"].ConnectionString; 


22| OleDbConnecticn conn = new OleDbC (strConn); 7/ 创建 连 接 对 象 conn 
23 conn.Open(); 省 维 
24 string strSale"select * from article 
25 jleDbCommand cmd = new OleDbCommand(strSql, conn); 创建 命令 对 象 cmd 
26| OleDbDataReader reader = cmd.ExecuteReader(); )/ / 扫 行 su 命令 ， 将 读 取 结果 集 赋 给 新 建 对 象 reader 
27 while (reader.Read()) 
{ 
Response.Write("<h2>" + reader["title"].Tostring() + "</h2>"); // 输 出 title 字 段 内 容 
Response.Write(reader["contents"] .ToString()); // 输 出 contents 皇 网 
Response.Write(™<hr/>"); /每 条 记录 之 间 水 平 绪 
} 
reader.Close(); /关闭 reader 对 象 
conn-Close(); /关闭 连接 对 象 


图 14-7 采用 Access 数据 库 时 网 页 代码 对 应 的 调整 
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14.2 数据 的 高 级 操作 


在 前 面 对 数 据 的 操作 过 程 中 ,与 数据 库 的 连接 一 直 都 是 保持 着 。 即 连接 对 象 被 Open 
后 ,直到 不 再 读 取 数 据 之 后 才 可 以 被 Close, 所 以 这 叫 连接 模型 。 使 用 连接 模型 的 流程 
如 下 : 

(1) 创建 一 个 数据 库 连 接 。 

(2) 查询 一 个 数据 集合 , 即 执行 SQL 语句 (或 者 存储 过 程 ) 。 

(3) 对 数据 集合 进行 需要 的 操作 。 

(4) 关闭 数据 库 连 接 。 

这 种 方式 的 优点 是 速度 特别 快 ,但 功能 非常 有 限 ,同时 长 时 间 地 占用 数据 库 的 连接 资 
源 , 也 影响 并 发 访问 的 效果 。 

下 面 介绍 的 第 二 种 方式 在 对 数据 的 操作 过 程 中 ,与 数据 库 的 连接 可 以 断 开 , 却 不 影响 
对 数据 的 读 取 , 因 此 也 称 为 断 开 模 型 。 使 用 断 开 模型 的 流程 如 下 : 

(1) 创建 一 个 数据 库 连 接 。 

(2) 请 求 一 个 记录 集 。 

(3) 将 记录 集 保存 到 DataSet( 数据 集 ) 对 象 中 (根据 需要 重复 第 (2) (3 ) 步 ;因为 一 
个 DataSet 可 以 容纳 多 个 数据 集合 ) 。 

(4) 关闭 数据 库 连 接 。 

(5) 对 DataSet 进行 各 种 需要 的 操作 ( 如果 需 要 ,也 能 够 将 DataSet 中 修改 过 的 信息 
再 更 新 到 数据 库 中 ) 。 

数据 操作 模型 (连接 模型 . 断 开 模型 ) 的 选择 与 所 使 用 的 数据 库 类 型 无 关 。 只 是 流程 
有 些 区 别 。 两 种 模型 在 实际 开发 中 都 经 常用 到 。 

在 断 开 模型 中 出 现 了 一 个 新 对 象 DataSet ,下面 做 一 简单 介绍 。 


14.2.1 DataSet 对 象 


熟悉 数据 库 知识 的 人 都 知道 ,一 个 数据 库 可 以 包含 多 张 表 , 而 一 张 表 里 有 多 条 记录 ， 
每 条 记录 又 包括 多 个 列 或 者 叫 多 个 字段 。 

DataSet( 数 据 集 ) 对 象 则 类 似 于 内 存 中 的 一 个 数据 库 ,也 可 以 包含 多 个 数据 表 
(DataTable) ,每 个 表 包含 了 多 个 数据 行 (DataRow ) ,而 数据 行 又 由 数据 列 ( DataColumn) 
组 成 ,如 图 14-8 所 示 。 

从 数据 库 取 来 的 数据 一 旦 放 入 DataSet 对 象 中 ,就 可 以 断 开 ( Close ) 与 数据 库 的 连接 
了 ,之 后 再 要 读 取 数据 只 需 到 DataSet 对 象 中 处 理 即 可 。 

1) 创建 DataSet 对 象 


DataSet D8 = new DataSet (); 


2) 创建 数据 表 ( DataTable) 
DataTable 的 创建 有 两 种 方式 : 
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Ee A 数据 表 (DataTable)2 ”数据 表 (DataTable)n 
数据 行 (DataRow) 一 — | | 


数据 列 (DataColumn) 
图 14-8 ”DataSet( 数据 集 ) 对 象 结构 


(1) 当 将 数据 加 载 到 DataSet 时 ,会 自动 创建 。 
(2) 可 以 显 式 创建 DataTable 对 象 ,然后 将 它 添加 到 DataSet 的 DataTable 集合 中 。 


例如 : 
DataSet D8 = new Dataset (); // 创 建 pataset 对 象 实例 LS 
DataTable dt = new DataTable (); // 创 建 patarable 对 象 实例 dt 
Ds.Tables.7cd (dt); // 向 D8 的 表 集 合 中 添加 dt 


对 应 提取 DataSet 中 的 DataTable 的 语句 是 ， 

DataTable myDt = D8.Tables [0]; 

0 是 下 标 ,代表 取 第 0 张 DataTable ,DataSet 中 可 以 同时 存放 多 张 DataTable ,依照 存 
放 的 次 序 , 下 标号 递增 。 

也 可 以 写 为 : 

DataTable myDt = D8.Tables["myArticle"]; 

代表 依据 名 字 取 DataTable。 


3) 提取 数据 行 (DataRow ) 
提取 DataTable 中 DataRow 的 语句 为 ; 


DataRow dr = myDt .Rows [0]; 


其 中 ,myDt 代表 DataTable ,0 代表 数据 行 的 序号 。 
4) 获取 数据 列 ( DataColumns) 的 值 
获取 数据 行 中 某 列 ( DataColumns) 的 值 的 语句 为 : 
string strTitle= dr.Colmms[0]; 

其 中 ,dr 代表 DataRow ,0 代表 列 (字段 ) 对 应 的 索引 值 。 
也 可 以 通过 列 (字段 ) 名 的 方式 来 获取 : 


String strTitle= dr.Colmms["title"]; 
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Columns 是 默认 的 属性 ,可 以 省 略 。 如 : 

String strTitle=dr ["title"]; 

数据 是 怎样 放 入 DataSet 对 象 中 的 呢 ? 答案 是 ,由 数据 适配器 (DataAdapter ) 对 象 负 
责 执 行 SQL 命令 获得 记录 集 , 并 填充 到 DataSet 对 象 中 。DataAdapter 对 象 是 DataSet 对 
象 的 最 佳 搭档 。 


14.2.2 DataAdapter 对 和 象 

DataAdapter 对 象 用 于 从 数据 库 中 获取 数据 .填充 DataSet 中 的 表 , 也 可 以 将 对 
DataSet 的 改动 更 新 回 数据 库 。 

(更 新 需要 佛 动 CommandBuilder 对 象 ,格式 为 : 


SqlcamandBuilder cb = new SqlCamandBuilder (Datandapter 对 象 名 ) 7 
该 对 象 可 自动 生成 更 新 所 用 的 SQL 语句 。 
DataAdapter 对 象 的 使 用 方法 与 Command 对 象 类 似 , 语 句 为 ， 
SqlDataAcepter adp = new SqlDatandapter (strSql, omn); 
// 创 建 patancapter 对 象 acp, 借 助 连接 对 象 cnn, 执 行 StL 语句 strsq 
aqpb.Fill (DS, "myArticle"); 
// 通 过 适配器 对 象 将 SQL 执行 结果 填充 到 pataset 对 象 re 中 的 新 建 表 myarticle 中 


下 面 使 用 新 的 方法 对 前 面 的 案例 重 做 。 
14.2.3 案例 重 做 : 在 网 页 显示 新 闻 标 题 


重 做 的 案例 直接 利用 原案 例 中 的 数据 库 结构 即 可 ,这 里 只 是 对 读 取 和 保存 两 个 功能 
网 页 中 的 程序 代码 部 分 做 了 一 些 改进 。 
1. 读 取 数 据 库 中 的 记录 信息 


新 建 网 页 newRead. aspx。 切 换 到 代码 视图 ,导入 System. Data. SqlClient 和 System. 
Web. Configuration 两 个 命名 空间 ,然后 在 载 人 事件 (Page_Load ) 中 输入 以 下 代码 (重点 
关注 加 字符 底 纹 效果 部 分 ) : 


string strConn = 
TEEConfigumraticrMenaoer.ConnecticnStrings [TocalSalServer"] .ConnecticnStringy 

// 定 义 数据 库 连接 字符 串 变 量 
sqlconnection conn = new SqlConnection (strconn) ; // 创 建 连接 对 象 cm 
conn.Open () 7 // 打 开 连 接 
string strsql = "select * fran article"; 
Dataset D8 = new Dataset (); // 创 建 数据 集 对 象 
sqlDatancepter adb = new sqlDatapcapter (strsql，conn); // 创 建 适配器 对 象 


// 通 过 适配器 对 象 将 scr 执行 结果 填充 到 数据 集中 的 新 建 表 (ryarticie) 中 
apb.Hill (DS, "myArticle"); 
comn.Close(); // 关 闭 断 开 ) 连 接 对 象 
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// 使 用 foreach 循环 遍历 myarticle 表 中 每 条 记录 行 ,并 定义 了 数据 行 对 象 qr 接收 
foreach (DataRow dr in DS.Tables["myArticle"] -Rows) 
{ 


// 输 出 数据 行 中 各 字段 内 容 

Fesponse.Write("<h2>"+ 汪 US -ToString() + "< /h2 > 中 7 
Response .Write (EE [oni] -ToString()); 

Response .Write ("< hr/> "); // 每 条 输出 记录 之 间 水 平 线 分 隔 


} 


2. 将 网 页 中 的 信息 保存 到 数据 库 中 


新 建 网 页 newWrite. aspx 并 依照 原案 例 设 计 部 署 各 控件 。 

切换 到 代码 视图 ,导入 System. Data. SqlClient 和 System. Web. Configuration 两 个 命 
名 空间 ,然后 在 添加 事件 中 输入 以 下 代码 (重点 关注 加 字符 底 纹 效果 部 分 ) : 

// 获 取 用 户 填写 在 TestBcx 控 件 中 的 内 容 ,并 赋值 到 相应 的 变量 

string strTitle = txtTitle.Text; 

string strContents = txtoontents. Text; 


string strConn = 

VEEConfiguraticrManager.Connecticnstrings ["TocalsdlServer"] .Connecticnstringy 
Sqlconnecticn conn = new SqlConnecticn (strconn); // 创 建 连接 对 象 cnn 
comn.Open(); // 打 开 连 接 

string strsql = "select * fram article"; 

DataSet D8 = new DataSet (); // 创 建 数据 集 对 象 


// 创 建 适配器 对 象 , 需 指出 SgL 及 连接 对 象 名 
SqlDatancapter adp = new SqlDatapdapter (strSql, oomn); 
// 通 过 适配器 对 象 将 scr 执行 结果 填充 到 数据 集中 的 新 建 表 warticle) 中 
aqp.Fill (DS, "myArticle"); 
om.Close (); // 关 闭 断 开 ) 连 接 对 象 
// 使 用 sqlcammansBuilcer 自动 生成 更 新 so 语句 
SqlCarmandBui lder do = new SqlComendBuilder (adp); 
// 依 据 现 有 myarticle 表 中 行 结构 ,创建 新 DataRow 
DataRow dr = D8.Tables ["myArticle"] .NewRow (); 
dr["title"] = strTitle; // 向 新 Datagow 中 各 字段 赋值 
dr["omtents"] = stromntents; 
DS.Tables ["myArticle"] .Rows .Dcd (dr); 
// 将 新 Datagow 添 加 到 myarticle 表 的 行 集合 
// 更 新 数据 库 , 需 要 指出 数据 所 在 的 Dataset 和 DataTsble 名 
adp.Update (DS, "myArticle"); 
1aHMessage.Text = "信息 已 经 添加 完成 !"; 


3. 用 网 页 更 新 数据 库 中 的 信息 
下 面 的 例子 可 以 根据 给 定 的 人 D 号 ,将 原 记 录 内 容 更 新 为 新 的 标题 和 新 闻 内 容 。 效 果 
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如 图 14-9 所 示 。 


沁 无 标题 页 - 了 icrosoft Internet Explorer 国 回 加 | 
文件 四 ”编辑 FE) 查看 WD 收 豪 和 ) 工具 I) 帮助 中 EE 
9-@- 回 国 和 | 愉 支 @|9-B8 四 - ” 
;地址 加 | 独 http:/localhest:1452/aspnetaevpaate sspx 加 | 回转 到 


更 新 数据 库 中 的 记录 
更 新 记录 ID 号 |4 
新 闻 本 是 。 。 十 
[全 天天 气 真 好 ， 心 情 也 变 全 | 
新 闻 内 容 | 得 非常 愉快 ! 


信息 更 新 完成 


图 14-9 更 新 数据 库 中 的 记录 


操作 步骤 如 下 : 

(1) 新 建 网 页 newUpdate. aspx , 依 图 14-9 所 示 设 计 通 过 表格 布局 来 部 署 各 控件 。 

(2) 为 各 控件 重新 命名 Id 号 。 

。 存放 ID 号 的 TextBox 控件 Id 名 字 改 为 txtId。 

e 存放 新 闻 标 题 的 TextBox 控件 Id 名 字 改 为 ktTitle。 

e 存放 新 闻 内 容 的 TextBox 控件 Id 名 字 改 为 txtContents。 

。 Button 控件 的 Id 名 字 改 为 bbnUpdate。 

。 显示 提示 信息 的 Label 控件 Id 名 字 改 为 labMessage。 

(3) 切换 到 代码 视图 ,导入 System. Data. SqlClient 和 System. Web. Configuration 两 
个 命名 空间 ,然后 在 更 新 按钮 事件 bmUpdate_Click 中 输入 以 下 代码 (重点 关注 加 字符 底 
纹 效果 部 分 ) : 


string strId= txtId.Text; // 获 取 要 更 新 记录 的 芭 编 号 

string strTitle = txtTitle.Text; 

String strContents = txtContents.Text7 

string strconn = 

VEConfigmratiorManaoer.Connecticnstrings [rocalsqlserverm] .Camnecticnstringy 
sqlconnecticn conn = new Sqlconnecticn (strconn); 

Conn.Open ()7 

string strsql = "select * from article where id= "+ Strid; 

DataSet DS = new DataSet () 7 

SDatancapter adb = new Sql Datandapter (strsql, oomn); 

adp-Fill (DS, "myArticle"); 

Com.Close (); 

sqlCamandBuilder dh = new Sql ormandBui 1oer (adp) ; 

// 获 取 指 定 匡 值 的 当前 记录 ,赋值 给 DataRow 对 象 Gr。 由 于 行 集合 中 只 有 一 行 ,所 以 第 0 行 即 是 


DataRow dr = D8.Tables["myArticle"] .Rows[0]; 
dr["title"] = strTitle; // 设 置 当前 记录 的 指定 字段 为 新 值 
dr ["ontents"] = strcontentsy 

adp.Update (DS, "myArticle"); 

1a6essage.Text = "信息 更 新 完成 1"; 


从 代码 数量 上 看 ,采用 新 的 断 开 模型 要 比 之 前 采用 的 连接 模型 要 多 一 些 , 但 实际 上 功 
能 却 强大 很 多 ,在 读 取 记录 ,添加 新 记录 和 更 新 记录 方面 也 非常 方便 ,这 一 点 可 以 在 后 面 
的 应 用 实例 中 体会 到 。 


14.3 ADO. NET 与 相关 对 象 


之 前 介绍 了 若干 个 数据 库 处 理 用 到 的 对 象 ,它们 都 隶属 于 ADO. NET 的 范畴 。 现 在 
可 以 简单 了 解 一 下 ADO.NET 了 。 

ADO. NET 是 重要 的 应 用 程序 级 接口 ,用 在 Microsoft. NET 平台 中 提供 数据 访问 服 
务 。 利 用 ADO. NET 技术 可 以 访问 多 种 数据 源 ,包括 Microsoft SQL Server 文本 文件 、 
Excel 表格 或 者 XML 文件 。 应 用 程序 可 以 通过 ADO. NET 连接 到 这 些 数 据 源 实现 显示 、 
添加 和 修改 等 操作 。 

ADO.NET 包含 了 众多 对 象 ,这 些 对 象 可 分 成 两 大 类 : 一 类 是 与 数据 库 直接 连接 的 
对 象 包含 了 Connection 对 象 Command 对 象 .DataReader 对 象 以 及 DataAdapter 对 象 等 ， 
通过 这 些 对 象 ,可 以 在 应 用 程序 里 完成 连接 数据 源 以 及 数据 维护 等 相关 操作 。 另 一 类 则 
是 与 数据 源 无 关 的 离线 对 象 , 如 DataSet 对 象 。 


本 章 小 结 


本 章 介绍 了 网 页 与 数据 库 交 换 的 流程 与 所 用 各 对 象 的 作用 ,这 些 对 象 都 隶属 于 
ADO. Net。 主 要 包括 Connection .Command .DataReader .DataAdapter .CommandBuilder 对 
象 以 及 数据 集 DataSet 对 象 。 

对 象 名 称 前 冠 以 SQL 的 主要 针对 的 操作 对 象 是 SQL Server 系列 数据 库 ,名 称 前 冠 以 
OleDb( 如 OleDbConnection .OleDbCommand .OleDbDataAdapter 等 ) 主要 针对 的 是 Access 
和 非 微软 厂商 推出 的 数据 库 ( 如 Oracle 等 ) 。 

数据 集 DataSet 对 象 相当 于 内 存 中 的 数据 库 ,从 数据 库 取 出 数据 并 填充 到 DataSet 
后 ,就 可 以 断 开 与 数据 库 的 连接 了 ,所 以 这 也 称 为 “ 断 开 模型 ” 。 


习题 
选择 是 


(1) 0 ) 对 象 提供 与 数据 源 的 连接 。 
A. OleDbConnection B. OleDbCommand 
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D. OleDbDataAdapter 


) 对 象 用 于 返回 数据 \ 修 改 数据 、 运 行 存储 过 程 及 发 送 或 检索 参数 信息 的 
B. OleDbCommand 
D. OleDbDataAdapter 


C. OleDbDataReader 
(2) ( 
数据 库 命 令 。 
A. OleDbConnection 
C. OleDbDataReader 
(3) ( ) 对 象 使 用 Command 对 象 在 数据 源 中 执行 SQL 命令 ,以 便 将 数据 加 载 到 
DataSet 中 ,并 使 对 DataSet 中 的 数据 的 更 改 与 数据 源 保持 一 致 。 
A. OleDbConnection B. OleDbCommand 
C. OleDbDataReader D. OleDbDataAdapter 
(4) Connection 对 象 的 ( ) 属性 : 设置 或 获取 用 于 打开 数据 源 的 连接 字符 串 ,给 
出 了 数据 源 的 位 置 数据库 的 名 称 用户 名 密码 以 及 打开 方式 等 。 
A. DataSource B. ConnectionString 
D. Database 
) 方 法 用 于 执行 统计 查询 ,执行 后 只 返回 查询 所 得 到 的 结果 集中 第 一 行 的 
B. ExecuteScalar( ) 
D. ExecuteNonQuery( ) 


C. State 
B. ExecuteScalar () 


(5) ( 

第 一 列 , 忽 略 其 他 的 行 或 列 。 
A. ExecuteReader( ) 

C. ExecuteSql( ) 

(6) ( ) 方 法 用 于 执行 不 需要 返回 结果 的 SQL 语句 ,如 Insert、Update .Delete 等 ， 
执行 后 返回 受 影响 的 记录 的 行 数 。 

A. ExecuteReader( ) 

C. ExecuteSql( ) D. ExecuteNonQuery( ) 
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动态 网 页 经 常 要 和 数据 打交道 ,无 论 数据 源 是 数据 库 .XML 文件 .结构 化 的 文件 数 
组 或 者 其 他 什么 地 方 ,这 时 ,数据 绑 定 技术 就 应 运 而 生 了 。 数 据 绑 定 是 把 数据 源 和 控件 相 
关联 并 由 控件 负责 自动 显示 数据 的 一 种 方法 。 

数据 绑 定 技术 可 以 高 效 .高 质地 完成 包含 数据 库 应 用 的 动态 网 页 开发 。 之 前 的 
例子 没有 应 用 到 数据 绑 定 ,对 数据 库 数据 的 显示 都 是 通过 Response. Write( ) 语句 或 
是 向 Label 控件 的 Text 属性 赋值 实现 的 。 本 章 将 介绍 使 用 数据 绑 定 技术 显示 数据 源 
内 容 。 

ASP. NET 中 的 大 部 分 Web 控件 (包括 TextBox .ListBox .RadioButtonList 以 及 其 他 很 
多 控件 ) 都 支持 数据 绑 定 。 至 于 Visual Studio[ 工具 箱 ] 的 “数据 组 中 的 几 个 控件 更 是 为 
数据 绑 定 专门 设置 的 ,如 图 15-1 所 示 。 

这 些 数据 控件 分 为 格式 设置 控件 和 数据 源 (DataSource ) 控件 ,前 者 可 以 显示 和 操作 
ASP.NET 网 页 上 的 数据 ,后 者 负责 访问 数据 源 中 的 数据 ,前 者 借助 后 者 连接 到 数据 源 。 
两 者 组 合 使 用 ,可 高 效 .高 质地 完成 对 数据 源 的 读 . 写 等 操作 。 

工作 组 合 示意 图 如 图 15-2 所 示 。 


格式 设置 控件 


一 一 一 一 一 一 格式 设置 控件 


数据 源 控件 


objectDatasource 
Bl, YnlDataSource 
sitelapDatsSource 


| ee 
图 15-1 Visual Studio[ 工具 箱 ] “数据 "组 中 的 控件 图 15-2 格式 设置 控件 和 数据 源 控件 
工作 组 合 示意 图 
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15.1 格式 设置 控件 概述 


格式 设置 控件 包括 以 下 一 些 : 

1) GridView 控件 一 

GridView 控件 以 表 的 形式 显示 数据 ,并 提供 对 列 进行 排序 翻阅 数据 以 及 编辑 或 删 
除 单个 记录 的 功能 。 

2) DetailsView 控件 园 

DetailsView 控件 一 次 呈现 一 条 表格 形式 的 记录 ,并 提供 翻阅 多 条 记录 以 及 插入 、 更 
新 和 删除 记录 的 功能 。DetailsView 控件 通常 用 在 主 / 从 方案 中 ,在 这 种 方案 中 , 主 控件 
(如 GridView 控件 ) 中 的 所 选 记 录 决 定 了 DetailsView 控件 显示 的 记录 。 

3) FormView 控件 加 

FormView 控件 与 DetailsView 控件 类 似 , 它 一 次 呈现 数据 源 中 的 一 条 记录 ,并 提供 翻 
阅 多 条 记录 以 及 插入 .更 新 和 删除 记录 的 功能 。 不 过 ,FormView 控件 与 DetailsView 控件 
之 间 的 差别 在 于 : DetailsView 控件 使 用 基于 表 的 布局 ,在 这 种 布局 中 ,数据 记录 的 每 个 字 
段 都 显示 为 控件 中 的 一 行 。 而 FormView 控件 则 不 指定 用 于 显示 记录 的 预定 义 布局 。 实 
际 上 ,将 由 开发 者 创建 包含 控件 的 模板 ,以 显示 记录 中 的 各 个 字段 。 该 模板 包含 用 于 设置 
窗 体 布局 的 格式 .控件 和 绑 定 表达 式 。 

4) Repeater 控件 置 

Repeater 控件 使 用 数据 源 返 回 的 一 组 记录 呈现 只 读 列 表 。 与 FormView 控件 类 似 ， 
Repeater 控件 不 指定 内 置 布局 。 而 由 开发 者 使 用 模板 创建 Repeater 控件 的 布局 。 

5) DataList 控件 园 

DataList 控件 以 表 的 形式 呈现 数据 ,通过 该 控件 ,可 以 使 用 不 同 的 布局 来 显示 数据 记 
录 , 例 如 ,将 数据 记录 排 成 列 或 行 的 形式 。 还 可 以 对 DataList 控件 进行 配置 ,使 用 户 能 够 
编辑 或 删除 表 中 的 记录 ( DataList 控件 不 使 用 数据 源 控件 的 数据 修改 功能 ;必须 由 开发 者 
提供 此 代码 ) 。DataList 控件 与 Repeater 控件 的 不 同 之 处 在 于 : DataList 控件 将 项 显 式 放 
在 HTML 表 中 ,而 Repeater 控件 则 不 然 。 

6) ListView 控件 图 

ListView 控件 可 以 以 模板 定义 的 格式 来 显示 来 自 数据 源 的 数据 。 该 模板 包含 有 用 于 
设置 数据 布局 的 格式 .控件 和 绑 定 表达 式 。ListView 控件 对 于 重复 结构 中 的 数据 很 有 用 ， 
它 类 似 于 DataList 和 Repeater 控件 。 但 是 , 与 DataList 和 Repeater 控件 不 同 的 是 ， 
ListView 控件 隐 式 支持 编辑 .插入 和 删除 操作 ,还 有 排序 和 分 页 功能 。 它 唯一 不 支持 的 功 
能 就 是 分 页 ,如 果 需 要 ,可 以 使 用 下 面 的 DataPager 控件 提供 。 

7) DataPager 控件 ew 

若 要 使 用 户 能 够 按 页 查看 ListView 控件 中 的 数据 ,可 以 使 用 DataPager 控件 。 
DataPager 控件 支持 内 置 的 分 页 用 户 界 面 。 

本 章 将 讲解 GridView 控件 .DetailsView 控件 .ListView 控件 和 DataPager 控件 这 4 个 
常用 控件 的 使 用 。 


全 
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15.2 ”使 用 GridView 控件 显示 表格 数据 


显示 表格 数据 是 Web 网 站 开发 中 的 一 个 频繁 性 任务 。ASP. NET 提供 了 许多 工具 来 
在 网 格 中 显示 表格 数据 ,GridView 控件 是 其 中 最 为 常用 的 控件 。 通 过 使 用 GridView 控 
件 ,可 以 显示 ,编辑 和 删除 多 种 不 同 的 数据 源 ( 例如 数据 库 .XML 文件 和 公开 数据 的 业务 
对 象 ) 中 的 数据 。 


15.2.1 GridView 控件 概述 
使 用 GridView 控件 绑 定 显示 数据 的 效果 如 图 15-3 所 示 。 


这 是 我 的 和 一 个 功 志 网 站 ， 非 和 不 全 vr 


结构 化 查询 汪 SQL), 由 于 其 功能 丰富 语言 ml 2 5:° 
Ee lt 2 3 报答 站 隆 
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| 海地 办 斤 ， 技 术 让 在 肌 了 泪 去 的 海地 地 填 注 区 和 校 手 花 动 中 , 逢 的 二 工 具 生 到 了 前 
| 放下 来 有 的 作用 。 一 位 志 碟 者 襄 ， 技 术 让 一 切 砍 得 不 - 


图 15-3 ”GridView 控件 显示 效果 


将 GridView 控件 拖 入 设计 页 面 的 默认 显示 如 图 15-4 所 示 。 


选择 数据 源 : [5 恒 


图 15-4 GridView 控件 的 默认 显示 


其 源 标签 代码 如 下 : 


< asp:GridView ID= "GridqView2" runat = "server"> 
< /asp:GridView > 


随 着 对 GridView 控件 的 不 断 设置 ,标签 代码 将 增加 更 多 的 属性 元 素 。 
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使 用 GridView 控件 ,可 以 执行 以 下 操作 : 
。 通过 数据 源 控件 自动 绑 定 和 显示 数据 。 
。 通过 数据 源 控件 对 数据 进行 选择 、 排 序 .分 页 ,编辑 和 删除 。 
另外 ,还 可 以 通过 执行 以 下 操作 ,来自 定义 GridView 控件 的 外 观 和 行为 : 
。 指定 自 定义 列 和 样式 。 
。 利用 模板 创建 自 定义 用 户 界面 ( UI) 元 素 。 
。 通过 处 理事 件 将 自己 的 代码 添加 到 GridView 控件 的 功能 中 。 
GridView 控件 提供 了 两 个 用 于 绑 定 到 数据 的 选项 : 
(1) 使 用 DataSourceID 属性 进行 数据 绑 定 ,此 选项 能 够 将 GridView 控件 绑 定 到 数据 
源 控件 。 微 软 建议 使 用 此 方法 ,因为 它 允 许 GridView 控件 利用 数据 源 控件 的 功能 并 提供 
了 内 置 的 排序 .分 页 和 更 新 功能 。 本 章 将 重点 讲解 这 部 分 内 容 。 
(2) 使 用 DataSource 属性 进行 数据 绑 定 ,此 选项 能 够 绑 定 到 包括 ADO. NET 数据 集 
和 数据 读 取 器 在 内 的 各 种 对 象 。 此 方法 需要 为 所 有 附加 功能 (如 排序 .分 页 和 更 新 ) 编写 
代码 。 虽 然 这 种 方式 有 比较 大 的 代码 量 和 难度 ,但 却 带 来 更 为 强大 的 自由 度 和 功能 。 
第 16 章 将 对 这 部 分 内 容 进行 介绍 。 
下 面 的 案例 将 使 用 数据 控件 创建 一 个 简单 的 数据 绑 定 网 页 。 


15.2.2 案例 : 使 用 GridView 控件 创建 数据 绑 定 网 页 
本 案例 输出 的 信息 内 容 来 源 于 数据 库 中 的 article 表 , 显 示 的 效果 如 图 15-5 所 示 。 
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图 15-5 案例 最 终 显示 效果 


若 要 在 ASP. NET 网 页 上 显示 数据 ,需要 下 列 元 素 : 

。 到 数据 源 (如 数据 库 ) 的 连接 。 

。 该 页 上 的 一 个 数据 源 控件 ,该 控件 执行 查询 并 管理 查询 结果 。 

。 该 页 上 的 一 个 用 于 实际 显示 数据 的 控件 。 

在 下 面 的 过 程 中 , 将 通过 GridView 控件 显示 数据 。GridView 控件 将 从 
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SqlDataSource 控件 中 获取 其 数据 。 
可 以 单独 地 将 这 三 个 元 素 添 加 到 网 站 中 。 但 通过 使 用 GridView 控件 对 数据 显示 进行 
可 视 化 处 理 ,然后 借助 向 导 创 建 连接 和 数据 源 控件 ,会 更 容易 一 些 。 下 面 就 采取 这 种 方式 。 
1. 最 基本 的 显示 


(1) 切换 到 网 页 的 “设计 ”视图 。 从 【工具 箱 】 的 “数据 ?组 中 ,将 GridView 控件 拖 到 
页 面 上 。 

如 果 未 显示 [ GridView 任务 ] 快 捷 菜单 ,可 以 单 击 控件 右上 角 的 智能 标记 GJ] 打开 。 

(2) 在 [GridView 任务 ] 菜 单 上 的 “选择 数据 源 " 列 表 中 , 单 击 * < 新 建 数 据 源 >”, 出 
现 [ 数 据 源 配 置 向 导 】 对 话 框 ,如 图 15-6 所 示 。 


数据 源 配 置 向 叶 


选择 数据 草 类 型 


应 用 程序 从 哪里 获取 致 始 D)” 


从 上 而 的 民 中 光 芥 凑 拓 源 闫 型。 此 处 将 出 现 所 连 冉 吉 尖 的 说 明生 文字 。 


A 


[Ey 


图 15-6 “数据 源 配置 向 导 " 对 话 框 


(3) 单 击 “ 数 据 库 ” ,这 将 指定 要 从 支持 SQL 语句 的 数据 库 中 获取 数据 。 此 类 数据 库 
包括 SQL Server 和 其 他 与 OLE-DB 兼容 的 数据 库 。 

在 [为 数据 源 指定 D】 框 中 ,将 显示 默认 的 数据 源 控件 名 称 (“SqlDataSourcel” ) 。 可 
以 保留 此 名 称 ,然后 单 击 [确定 】 按 钮 。 

(4) 随即 会 显示 【配置 数据 源 】 向导, 其 中 显示 了 一 个 可 以 选择 可 用 数据 连接 的 页 
面 ,如 图 15-7 所 示 。 


瑟 轩 数据 源 -SqlDataSourcel 


选择 您 的 数据 连接 
上 


应 用 程序 连接 涩 大 库 应 使 用 有 个 数 色 连接 (1)? 


[SS 


图 15-7 【配置 数据 源 ] 向 导 
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(5) 单 击 [新 建 连接 ] 按 钮 ,出现 [ 添加 连接 】 对 话 框 。 单 击 “数据 源 "文本 框 后 的 [更 
改 】 按 钮 ,选择 “Microsoft SQL Server 数据 库 文件 ”, 并 单 击 * 数 据 库 文件 名 "文本 后 的 [ 浏 
览 ] 按钮 ,选择 网 站 App _Data 子 目录 下 的 


ASPNETDB. MDF 数据 库 文件 ,如 图 15-8 所 示 。 ee 
然后 单 击 【确定 ] 按钮 ,将 返回 到 【配置 数据 | ssas  ””” 

源 】 向 导 界 面 。 单 击 [ 下 一 步 ] 按 钮 。 ES & [B&O 
(6) 向 导 显 示 下 一 页 ,询问 是 否 “ 将 连接 字符 [vespnetwpp_ DatawSPIETDE NDF | [KG) ] 


a I » 登录 到 服务 器 
串 保 存 到 应 用 程序 配置 文件 中 ”。 | 
将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 有 | Os sv sw a 
两 个 优点 : ee 


。 比 将 连接 字符 串 存 储 在 页 面 中 更 安全 。 保 克 码 国 


。 可 以 在 多 个 页 中 重复 使 用 同一 连接 字 二 加 WW. 
符 串 。 Ce Rw ] 


确保 选中 [是 ,将 此 连接 男 存 为 ] 复 选 框 ,然后 
单 击 [ 下 一 步 ] 按 钮 。 


Oa 以 记载 下 默认 连接 字符 串 的 名 称 ASPNETDBConnectionString, 以 备 在 其 他 网 


页 连接 本 数据 库 时 取出 调用 。 

(7) 该 向 导 显 示 下 一 页 ,从 该 页 中 可 以 指定 要 从 数据 库 中 获取 的 数据 。 

在 [指定 来 自 表 或 视图 的 列 】 下 的 【名 称 】 下 拉 列 表 中 ,选择 “article”。 

在 [ 列 】 下 ,选择 [ * 】 复 选 框 。 

该 向 导 下 面 的 [SELECT 语句 】 框 中 会 即时 显示 正在 创建 的 SQL 语句 ,如 图 15-9 
所 示 。 


图 15-8 【添加 连接 ] 对 话 框 


SqlDataSource 
| 配置 Select 语句 
着 望 如 何 从 数据 库 中 检索 数据 ? 


〇 指定 自 定义 SQL 语句 或 存储 过 程 E) 
日 指定 来 自 表 或 视图 的 列 [) 


| 口 只 遂 妈 只 一行 外 


| WEEE OW) 


ORDER EY (E) 


|| ER 


图 15-9 配置 Select 语句 


完成 后 单 击 [下 一 步 ] 按 钮 。 
(8) 在 最 终 显示 的 [测试 查询 】 对 话 框 中 , 单 击 [ 测试 查询 按钮 以 确保 正在 获取 的 是 
所 需 数 据 。 无 误 后 单 击 [ 完 成] 按钮 。 


NE 


(9) 该 向 导 随即 会 关闭 ,并 返回 到 原始 网 页 上 。 运 行 该 网 页 , 即 可 显示 前 面 的 效果 。 
通过 运行 [配置 数据 源 】 向 导 ,完成 了 下 列 两 项 任务 : 
。 创建 并 配置 了 一 个 SqlDataSource 控件 (名 为 “SqlDataSourcel ”) ,该 控件 包括 指定 
的 连接 和 查询 信息 。 
e 将 GridView 控件 绑 定 到 了 SqlDataSource。 因 此 , GridView 控件 将 显示 
SqlDataSource 控件 所 返回 的 数据 。 

通过 切换 到 【 源 ] 视 图 查看 SqlDataSource 控件 的 属性 ,可 以 看 到 【配置 数据 源 】 向导 
已 为 SqlDataSource 数据 源 控件 的 ConnectionString 和 SelectQuery 属性 创建 了 相应 的 属性 


值 。 代 码 如 下 : 


< asp:SqlDataSsouroe D= "SqlDataSouroel" runat = "server" 
CmectinStrirg= "<% $ ComnecticnStrings:RSENETTBConnecticnString gg >" 
SelectOommand = "SEIECT * FROM [article]"> 
< /asp:SqlDataSouroe > 
GridView 控件 若 绑 定 到 此 数据 源 ( SqlDataSourcel ) ,需要 添加 属性 DataSourceID = 
"SqlDataSourcel" ,例如 : 
< asp:GridView ID= "GridView2" DataSouroeID= "SqlDataSouroel" runat = "server" > 
]/ 中 间 省 略 …… 
< /asp:GridView > 


2. 功能 扩展 


1) 更 改 GridView 控件 的 显示 外 观 
可 以 很 容易 更 改 GridView 控件 的 外 观 。 在 设计 视图 中 ,展开 【 GridView 任务 】 快 捷 
菜单 ,选择 [ 自动 套用 格式 ] 打 开 如 图 15-10 所 示 对 话 框 ,然后 应 用 一 个 主题 架构 。 


自动 套用 格式 


mts imageUrl| 。 pabTime 
2010-2-19 
00000 
2010-2-19 
0:00:00 
2010-2-19 
0:00:00 
2010-2-19 
0:00:00 
2010-2-19 
0:00:00 


图 15-10 使 用 [自动 套用 格式 ] 对 话 框 更 改 GridView 控件 的 外 观 
当然 ,系统 提供 的 架构 十 分 有 限 , 实 践 开发 中 可 能 会 不 够 ,这 时 可 以 在 [属性 ] 窗 口中 
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对 样式 等 进行 修改 。 或 者 ,直接 切换 到 [ 源 ] 视 图 中 ,对 控件 的 样式 属性 手动 修改 。 

2) 添加 排序 和 分 页 

无 须 编写 任何 代码 就 可 以 将 排序 和 分 页 添加 到 GridView 控件 中 。 方 法 是 : 

在 设计 视图 中 , 展开 【 GridView 任务 】 快捷 菜单 ,选择 [启用 排序 】 复 选 框 。 这 时 
GridView 控件 中 的 列 标题 将 更 改 为 链接 。 

在 [GridView 任务 ] 快 捷 菜单 上 ,选择 [启用 分 页 ] 复 选 框 。 随 即 会 向 GridView 控件 
添加 带 有 页 码 链接 的 页 脚 。 

默认 每 页 显示 10 条 记录 ,如 果 需 要 调整 ,可 以 在 [属性 ] 窗 口中 ,将 PageSize 属性 值 
从 10 更 改 为 其 他 的 数值 。 

运行 后 效果 如 图 15-11 所 示 。 
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图 15-11 排序 和 分 页 效果 


浏览 者 将 能 够 通过 单 击 某 一 列 标题 按 该 列 的 内 容 排序 。 

还 可 以 使 用 GridView 控件 底部 的 页 导航 链接 在 各 页 之 间 移 动 。 

3) 启用 编辑 

启用 编辑 后 ,GridView 控件 在 每 行 记录 中 都 有 [编辑 ] 和 【删除 ] 的 按钮 (默认 显示 为 
超 链接 的 样式 ,可 以 在 [字段 ] 窗 口内 使 用 该 字段 类 型 的 ButtonType 属性 进行 修改 ) 。 单 
击 [ 编 辑 ] 按 钮 后 ,当前 行 各 列 均 以 文本 框 (TextBox) 呈现, 同时 [编辑 ] 按 钮 由 [更 新 ] 和 
【取消 ] 两 个 按钮 所 替代 。 

用 户 可 以 在 各 列 文 本 框 内 对 原始 数据 进行 修改 ,然后 单 击 【 更新] 按钮 保存 到 数据 库 
中 ;放弃 修改 返回 初始 状态 可 以 单 击 [ 取消] 按钮 。 

编辑 效果 如 图 15-12 所 示 。 

方法 是 ,展开 [ GridView 任务 ] 快 捷 菜单 ,选择 “配置 数据 源 "。 随即 会 显示 [ 配置 数据 
源 ] 向 导 。 可 以 发 现 , 之 前 配置 过 的 信息 还 是 保留 着 的 。 这 时 可 以 直接 单 击 【 下 一 步 ] 按 
钮 进入 “配置 Select 语句 "步骤 。 单 击 其 中 的 [ 高级] 按钮, 出现 [高 级 SQL 生成 选项 ] 对 
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图 15-12 ”GridView 控件 的 编辑 效果 


话 框 。 选 中 [生成 INSERT UPDATE 和 DELETE 语句 】 及 【使 用 开放 式 并 发 】 复 选 框 ,如 
图 15-13 所 示 。 


高 级 SQL 生成 选项 
可 以 生成 附加 的 INSERT、VFDATE 和 DELETE 语句 来 更 新 数据 源 。 


回 生成 INSERT、WPDATE 和 DELETE 语句 (G) 


SELECT i INSERT、 UPDATE 和 语句 。 字段 才 
放生 Wn DELETE 语句 。 必 须 选 定 所 有 主键 


回 项 用 开 若 式 并 发 从 


人 EDATE 和 DELETE 语句 以 检测 自 该 记录 加 载 到 DataSet 中 以 来 数据 库 是 否 更 
止 并 发 冲突 。 


CC Ww 


图 15-13 【高 级 SQL 生成 选项 ] 对 话 框 


然后 单 击 【 确定】 按钮 ,在 下 一 个 步骤 中 直接 单 击 [完成 ] 按钮 关闭 [配置 数据 源 】 
向 导 。 

这 时 的 【GridView 任务 ] 快 捷 菜单 中 ,将 多 出 【启用 编辑 ] 和 [启用 选择 ] 两 个 选项 , 直 
接 选 中 这 两 个 复 选 框 。 

如 果 此 时 运行 本 网 页 ,在 编辑 内 容 后 , 单 击 [ 更新] 按钮 时 ,有 可 能 会 出 现 运 行 错误 : 

使 用 的 SQL server 版 本 不 支持 数据 类 型 * date” 

出 现 这 个 错误 的 原因 是 ,之 前 设计 数据 表 article 时 , 对 pubTime 字段 使 用 的 是 
datetime 类 型 ,但 是 在 由 系统 自动 生成 的 操作 语句 中 , 却 使 用 了 Date 数据 类 型 ,因此 出 现 
了 不 兼容 的 错误 。 解 决 的 办 法 是 修改 系统 自动 生成 的 操作 语句 ,将 Date 类 型 更 改 为 
datetime 类 型 。 
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具体 更 改 方法 是 ,进入 【 源 ] 视 图 ,修改 SqlDataSource 控件 操作 参数 标签 ,将 全 部 的 
DbType 属性 值 由 Date 改 为 DateTime。 完 成 后 如 图 15-14 所 示 。 


| 客户 第 对 象 和 事件 间 | Ka 让) | 


晶 | 
a | 


最 后 运行 本 网 页 , 即 可 以 实现 对 各 数据 记录 的 编辑 和 删除 。 

4) 添加 筛选 

通常 ,人 们 会 希望 在 网 页 上 仅 显示 选 定 的 数据 。 下 边 的 操作 将 修改 SqlDataSource 控 
件 的 查询 以 便 可 以 选择 某 个 标题 (title ) 的 记录 。 

首先 ,向 网 页 上 拖 入 一 个 TextBox 控件 创建 一 个 文本 框 (更 改 ID 值 为 txtTitle ) ,以 便 
用 户 可 以 在 该 文本 框 中 输入 一 个 标题 。 在 它 的 后 面 再 拖 人 一 个 Button 控件 。 

然后 , 更 改 查 询 以 包含 参数 化 筛选 (WHERE 子 句 )。 在 该 过 程 中 , 将 为 
SqlDataSource 控件 创建 一 个 参数 元 素 。 该 参数 元 素 确定 SqlDataSource 控件 将 如 何 为 其 
参数 化 查询 ( 即 从 该 文本 框 ) 获 取 值 。 设计 效果 如 图 15-15 所 示 。 

再 次 通过 【 GridView 任务 ] 快 捷 菜 单 进入 [ 配置 数据 源 ] 向 导 。 保 留 之 前 配置 过 的 信 
息 ,直接 单 击 【[ 下 一 步 ] 按 钮 进入 “配置 Select 语句 ” 
步骤 。 单 击 其 中 的 WHERE 按钮 , 出 现 [ 添 加， 请 痊 \ 查 看 的 标题 a 


WHERE 子 句 】 对 话 框 。 id title contents imageUrl pubTime 
在 [ 列 ] 列 表 中 选择 “tite”。 0 abc abc labc 2010-2-19 0:00:00 
: » 1 abc abc abc 2010-2-19 0:00:00 
在 [运算 符 ] 列 表 中 选择 * =”。 2 abc abc abc 2010-2-19 0:00:00 
在 [ 源 ] 列 表 中 选择 “Control” (控件 ) 。 3 abc abc abc 2010-2-19 0:00:00 


在 [参数 属性 ] 下 的 【控件 DD] 列表 中 ,选择 志和 


“txtTitle” 。 12 
SqlDataSouree - SqlDataSourcel 
设置 后 如 图 15-16 所 示 。 | 
上 述 步 又 指定 了 查询 将 从 网 页 中 添加 的 ”图 15-15 添加 筛选 功能 的 设计 效果 


A NET 。 


添加 WHERE 子 句 


pi WHERE 子 名 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 其 属性 获 职 


[iu] = atitle 


WHERE 子 避 中) 
SQL 表达 式 


图 15-16 【添加 WHERE 子 句 对话 框 


TextBox 控件 中 获取 搜索 到 的 title 值 。 

单 击 [ 添 加 】 按 钮 ,创建 的 WHERE 子 句 将 显示 在 该 页 底部 的 框 中 。 最 后 单 击 [确定 】 
按钮 关闭 【添加 WHERE 子 句 】 对 话 框 , 回 到 【配置 数据 源 】 向 导 。 然 后 单 击 [ 下 一 步 ] 按 

在 [测试 查询 】 步骤 界面 内 , 单 击 [ 测 试 查询 按钮 。 弹 出 [参数 值 编 辑 器 】 对 话 框 ,该 
页 将 提示 用 户 输入 一 个 用 在 WHERE 子 句 中 的 值 。 在 [ 值 ] 框 中 ,输入 “天 气 真 好 ” ,然后 
单 击 [ 确 定 】 按钮 。 随 即 会 显示 "天 气 真 好 "的 完整 记录 。 确 认 无 误 后 单 击 [ 完成] 按钮 关 
闭 [配置 数据 源 ] 向 导 。 

现在 可 以 测试 第 选 了 。 运 行 本 网 页 ,在 文本 框 中 ,输入 “新 站 开张 ” ,然后 单 击 [提交 】 
按钮 ,随即 会 在 GridView 控件 中 显示 “新 站 开张 "的 记录 。 

5) 定义 列 的 显示 方式 

前 面 自动 生成 的 列 ( Visual Studio 中 有 时 也 称 为 字段 ) 对 于 快速 创建 测试 页 面 很 有 
效 ,不 过 它 缺少 一 些 实际 开发 所 必需 的 灵活 性 。 例 如 ,如 果 和 希望 隐藏 列 ,改变 它 的 次 序 , 或 
者 希望 配置 某 些 显 示 效果 ( 如 格式 化 标题 文字 ) ,该 怎么 办 呢 ? 

最 终 完 善后 的 效果 如 图 15-3 所 示 。 

下 面 介 绍 一 下 设置 的 相关 知识 。 

在 设计 视图 下 , 单 击 GridView 控件 右上 角 按钮 展开 快捷 任务 菜单 ,选择 [编辑 
列 】 ,弹出 [字段 ] 窗 口 。 首 先 去 掉 [ 自动 生成 字段 ] 选 项 ,然后 调整 【 选 定 的 字段 】 框 内 各 
字段 : 

。 删除 不 显示 的 字段 。 选 择 id 字段 ,然后 单 击 忆 9 按钮 删除 。 

。 替换 imageUrl 字段 的 类 型 。 删 除 国 imageUrl 字段 ,从 【可 用 字段 】 中 选择 辜 

ImageField 类 型 字段 ， 然后 单 击 [ 添加] 按钮 。 
。 调整 选 定 字 段 的 位 置 。 依 照 最 终 显 示 的 要 求 ,通过 单 击 向 上 [3 jj 和 向 下 [3 按钮 ， 
对 字段 的 显示 次 序 进行 调整 。 
。 分 别 选 定 每 个 字段 ,在 右 侧 调整 其 属性 。 例 如 ,使 用 HeaderText 自 定义 显示 的 标 
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题 ;使 用 DataField 设置 绑 定 的 数据 字段 名 ;使 用 样式 组 中 各 属性 设置 该 字段 显示 
的 样式 。 作 为 预览 的 器 ImageField 字段 还 需要 将 属性 DataImageUrlField 绑 定 为 
字段 名 *imageUrl” ,如 图 15-17 所 示 。 


InazsField 原 性 吕 ): 


着 coevrertzetwserineror True 


NeaderText 


图 15-17 通过 【字段 ] 对 话 框 定义 绑 定 的 列 


系统 提供 的 可 用 字段 分 为 7 种 ,作用 见 表 15-1。 


表 15-1 系统 提供 的 7 种 可 用 字段 


可 用 字段 作 用 描 述 
司 BoundField 用 于 显示 数据 源 字 段 的 文本 
为 列表 中 的 每 个 项 目 显示 二 个 复 选 框 。 对 于 真 / 假 字段 (SQL Server 
eo 中 这 种 字段 的 数据 类 型 为 bit) 自动 使 用 该 类 型 的 列 
- 用 超 链接 的 形式 显示 内 容 ,内 容 可 以 是 数据 源 中 的 一 个 字段 ,也 可 以 
届 HyperLinkField 是 静态 文本 


[ra ImageField 


显示 图 像 数 据 ( 通 过 它 显 示 支 持 的 图 像 格 式 , 如 jpg ,gif、png、bmp 等 ， 
不 支持 Flash 导出 的 格式 swf) 


国 ButonField 


为 列表 中 的 每 个 项 目 显 示 一 个 按钮 


提供 多 种 编辑 按钮 ,展开 后 显示 为 : 


日 办 ConandField 


喇 ] CommandField 飞 编 扣 、 更 新 、 取 消 
局 选择 
河 天 
周 TemplateField 允许 用 自 定义 模板 指定 多 个 字段 、 自 定义 控件 以 及 任意 的 HTML。 
它 给 予 开 发 者 最 大 限度 的 控制 ,但 相对 需要 做 更 多 些 的 工作 


开发 时 可 根据 最 终 显示 的 需要 来 选择 可 用 字段 ,最 基本 的 字段 类 型 是 BoundField , 它 
用 于 大 部 分 的 文本 字段 显示 。 

最 后 还 有 一 个 前 提 , 就 是 数据 库 的 article 表 中 imageUrl 字段 所 描述 的 图 像 URL 信 
息 ,一 定 要 有 实际 的 文件 相对 应 。 例 如 , “天气 真 好 "这 条 记录 中 的 imageUrl 字段 值 为 
“~/images/heart. jpg” ,那么 ,在 网 站 主 目录 下 应 有 一 个 images 目录 ,里 面 确实 存在 着 一 
个 名 为 heart. jpg 的 图 像 文件 。 
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运行 时 , 园 ImageField 类 型 的 字段 会 自动 按 描述 的 URL 信息 调用 对 应 图 像 显示 
出 来 。 
《BD 通过 数据 库 保存 图 像 信息 大 致 有 两 种 ,一 种 是 直接 将 图 片 本 身 以 二 进 制 方 式 保 丰 


到 数据 库 相 应 字段 内 ,这 种 方法 虽然 安全 性 高 ,但 随 着 图 片 的 增多 ,数据 库 的 体积 将 急剧 
增 大 ,非常 影响 性 能 ,所 以 使 用 比较 少 。 

另 一 种 方式 比较 常用 ,是 将 图 片 以 文件 形式 保存 到 服务 器 某 个 目录 ,而 只 在 数据 库 的 
相应 字段 内 保持 图 片 的 URL 地 址 信息 。 为 了 提高 文件 的 安全 性 (防止 非法 访问 或 被 后 
期 上 传 的 同名 文件 履 盖 ) ,往往 事先 对 上 传 的 图 片 重新 命名 ( 比如 采用 时 间 + 随机 码 等 方 
式 , 如 20101130131759a75bb. jpg) ,然后 再 将 其 URL 信息 保存 到 数据 库 中 。 

如 果 希 望 上 例 中 “发 布 日 期 "字段 内 的 信息 只 显示 日 期 ,而 不 显示 后 面 的 具体 时 间 ， 
这 时 就 需要 对 该 字段 进行 日 期 格式 化 ,设置 DataFormatString 属性 值 为 "10:d|”。 网 页 运 
行 后 ,原来 的 “2010-6-1 9:09:51" 将 只 显示 为 *2010-6-1”。 

6) 改善 网 站 的 可 移植 性 

由 于 网 站 最 终 要 部 署 到 互联 网 的 web 服务 器 上 ,并 且 在 未 来 的 使 用 中 也 很 有 可 能 改 
变 网 站 的 存储 位 置 ,所 以 开发 网 站 非常 鼠 讳 在 开发 代码 中 使 用 到 物理 路 径 (绝对 路 径 ) 。 

前 面 在 配置 数据 源 SqlDataSourcel 时 ,在 【新建 连 接 】 步 又 中 。 通 过 【浏览 ] 按钮 , 选 
择 了 网 站 App_Data 子 目 录 下 的 ASPNETDB. MDF 数据 库 文件 。 最终 将 名 称 为 
ASPNETDBConnectionString 的 连接 字符 串 保 存 到 应 用 程序 配置 文件 Web. config 中 。 内 
容 为 : 

< connecticonStrings > 

< ad nare = " RSENEITPOomecticnstring ” conmnecticnstring = " Data Source = . \ SQLEXEFFESS 
人 ttach[bFilenare = D: \aspnet VEP_Data SENETTB.MDEY Integrated Security = True7Connect Timecut = 30;User 
Jnstance = True" 
providerName = "System.Data.SqlClient"/ > 

< /connectionStrings > 

可 以 看 到 ,其 AttachDbFilename 属性 值 是 以 物理 路 径 形 式 给 出 的 。 这 样 就 造成 一 个 
麻烦 ,网 站 运行 时 ,会 到 Web 服务 器 的 D: \aspnet\App_Data\ASPNETDB. MDF 路 径 下 连 
接 数据 库 , 但 这 几乎 是 不 可 能 存在 的 。 解 决 的 办 法 就 是 使 用 关键 字符 串 “1DataDirectory1” 
代替 物理 路 径 D: \aspnet\App_Data\。 即 : 


RMttachrbFileneame = |DataDirectory |RSENETTB.MCE7 
运行 时 ,系统 会 自动 将 “1DataDirectory1" 转 换 为 本 机 的 物理 路 径 。 


15.3 ”使 用 DetailsView 控件 显示 详细 数据 


DetailsView 控件 用 来 在 表 中 显示 来 自 数据 源 的 单条 记录 ,其 中 记录 的 每 个 字段 显示 
在 表 的 每 一 行 中 。 可 以 使 用 DetailsView 控件 从 它 的 关联 数据 源 中 一 次 显示 ,编辑 .插入 
或 删除 一 条 记录 。 实 际 开发 中 ,经 常用 到 它 的 更 新 和 插入 新 记录 的 功能 ,或 者 是 与 
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GridView 控件 结合 ,以 用 于 主 /详细 方案 。 
15.3.1 DetailsView 控件 概述 


GridView 控件 不 支持 插入 操作 ,但 DetailsView 控件 却 可 以 。DetailsView 控件 的 显 
示 效 果 如 图 15-18 所 示 。 


soft Internet Explorer 
文件 中 ”编辑 四 ”查看 WD 收 总 和 ) 工具 中 和 助 0 
@- 日. 国 国 从 | 请 女 自 | 犁 :总 加" 加 


地 址 部 ) | 者 http://1ocalhost:1452/aspnet/DetailsView. aspx 


标题 新 站 开张 
内 容 这 是 我 的 第 一 个 动态 网 站 ， 非 常 不 错 的 哦 | 


Wokeome 


” 多 


发 布 时 间 2010-5-26 20:54:44 
编辑 如 除 新 建 


轴 本 地 Intranet 


图 15-18 ”DetailsView 控件 显示 效果 


拖 和 到 设计 页 面 的 默认 显示 如 图 15-19 所 示 。 


asp:detailsview#DetallsViewl| 

Column0 Detailsyiew 任务 

Cohumnl 和 有 本 

Cohumn2 选择 数据 源 ，| 天 司 


编辑 字段 
添加 新 字段 
编辑 模板 


图 15-19 GridView 控件 的 默认 显示 


其 源 标签 代码 如 下 : 


< asp:detailsview runat = "server" height = "50px" width = "125pe" > 

< /asp:detailsview > 

DetailsView 控件 支持 下 面 的 功能 : 

。 绑 定 至 数据 源 控 件 ,如 SqlDataSource。 

。 内 置 插入 功能 。 

。 内 置 更 新 和 删除 功能 。 

。 内 置 分 页 功能 。 

。 以 编程 方式 访问 DetailsView 对 象 模型 以 动态 设置 属性 ,处理 事件 等 。 
。 可 通过 主题 和 样式 进行 外 观 自 定义 。 

DetailsView 控件 提供 了 以 下 用 于 绑 定 到 数据 的 选项 : 
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(1) 使 用 DataSourceID 属性 进行 数据 绑 定 。 此 选项 能 够 将 DetailsView 控件 绑 定 到 
数据 源 控 件 。 微 软 建议 使 用 此 选项 ,因为 它 允 许 DetailsView 控件 利用 数据 源 控件 的 功能 
并 提供 了 内 置 的 更 新 和 分 页 功能 。 使 用 DataSourceID 属性 绑 定 到 数据 源 时 ,DetailsView 
控件 支持 双向 数据 绑 定 。 除 可 以 使 该 控件 显示 数据 之 外 ,还 可 以 使 它 自动 支持 对 绑 定 数 
据 的 插入 ,更 新 和 删除 操作 。 

(2) 使 用 DataSource 属性 进行 数据 绑 定 。 此 选项 能 够 绑 定 到 包括 ADO. NET 数据 集 
和 数据 读 取 器 在 内 的 各 种 对 象 。 此 方法 需要 开发 者 为 任何 附加 功能 (如 更 新 和 分 页 等 ) 
编写 代码 。 

如 果 启 动 编辑 操作 , 需要 将 AutoGenerateEditButton 属性 设置 为 tue。 这 时 ， 
DetailsView 控件 除 呈 现 数据 字段 外 ,还 将 呈现 一 个 [ 编辑] 按钮 。 单 击 [ 编辑 ] 按钮 可 使 
DetailsView 控件 进入 编辑 模式 。 在 编辑 模式 下 ,DetailsView 控件 的 CurrentMode 属性 会 
从 ReadOnly 更 改 为 Edit, 并 且 该 控件 的 每 个 字段 都 会 呈现 其 编辑 用 户 界面 ,如 文本 框 或 
复 选 框 等 。 还 可 以 使 用 样式 .DataControlField 对 象 和 模板 自 定义 编辑 用 户 界面 。 

如 果 要 配置 DetailsView 控件 显示 [ 删除] 和 [【 插 入】 按钮 ,以 便 可 以 从 数据 源 删除 相 
应 的 数据 记录 或 插入 一 条 新 的 数据 记录 。 可 以 将 AutoGenerateInsertButton 属性 设置 为 
true, 该 控件 就 会 呈现 一 个 【新 建 ] 按钮 。 单 击 【 新 建 ] 按钮 时 , DetailsView 控件 的 
CurrentMode 属性 会 更 改 为 Insert。DetailsView 控件 会 为 每 个 绑 定 字段 呈现 相应 的 用 户 
界面 输入 控件 ,除非 绑 定 字段 的 InsertVisible 属性 设置 为 false。 

与 GridView 控件 相似 , DetailsView 控件 也 支持 多 种 字段 类 型 ,包含 BoundField、 
CommandField .HyperLinkField 等 。 只 是 DetailsView 控件 将 每 个 字段 呈现 为 行 而 不 是 列 。 

定义 DetailsView 控件 的 用 户 界面 与 GridView 控件 是 一 样 的 ,都 是 使 用 HeaderStyle、 
RowStyle AlternatingRowStyle .CommandRowStyle、FooterStyle 、 PagerStyle 和 EmptyData- 
RowStyle 这 样 的 样式 属性 。 


15.3.2 案例 : 使 用 DetailsView 控件 创建 数据 绑 定 网 页 


本 案例 使 用 DetailsViews 控件 输出 article 表 信 息 , 显示 的 效果 如 前 面 的 图 15- 18 
所 示 。 


1. 完整 功能 显示 


(1) 新 建 一 个 网 页 (Web 窗 体 ) ,切换 到 网 页 的 【设计 ] 视 图。 从 [工具 箱 ] 的 “数据 ” 
组 中 ,将 DetailsViews 控件 拖 到 页 面 上 。 

(2) 在 [DetailsViews 任务 ] 莱 单 上 的 【选择 数据 源 ] 列 表 中 , 单 击 ″ < 新 建 数据 源 >”。 

(3) 选择 “数据 库 ” ,然后 单 击 [ 确定 】 按 钮 。 

(4) 在 [配置 数据 源 】 向 导 中 ,可 以 不 必 新 建 连 接 ,而 通过 展开 下 拉 列 表 , 选 择 使 用 
15.2 节 练 习 GridView 控件 时 创建 的 连接 ASPNETDBConnectionString。 

当然 ,如 果 不 存在 连接 名 ASPNETDBConnectionString 时 ,就 需要 单 击 【新 建 连接 ] 创 
建 了 。 

(5) 其 余 的 步骤 与 配置 GridView 控件 类 似 。 在 “配置 Select 语句 "步骤 时 ,在 [指定 
来 自 表 或 视图 的 列 ] 下 的 [【 名称】 列表 中 ,选择 “article”。 在 [【 列 ] 下 ,选择 [ * ] 复 选 框 。 
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(6) 单 击 其 中 的 [高级] 按钮 ,在 [高 级 SQL 生成 选项 ] 窗口 ,选中 [生成 INSERT、 
UPDATE 和 DELETE 语句 ] 及 【使 用 开放 式 并 发 ] 复 选 框 。 之 后 一 直到 配置 数据 源 完成 。 

(7) 最 后 ,展开 DetailsViews 控件 的 【DetailsViews 任务 ] 快捷 菜单 ,选中 【启用 分 
页 】 【启用 插入 】 【启用 编辑 ] 和 [启用 删除 】 复 选 框 。 

同样 ,如 果 此 时 运行 本 网 页 ,在 编辑 内 容 后 , 单 击 【 更新] 按钮 时 ,有 可 能 会 出 现 “ 使 用 
的 SQL Server 版 本 不 支持 数据 类 型 “date' ”的 错误 ,解决 办 法 与 GridView 控件 一 样 , 进 
和 人 该 网 页 的 [ 源 】 视 图 ,修改 SqlDataSource 控件 操作 参数 标签 ,将 全 部 的 DbType 属性 值 
由 Date 改 为 DateTime。 

为 了 美化 显示 效果 ,还 需要 进行 定义 显示 方式 的 处 理 ,包括 设置 标题 排列 次 序 .调整 
宽度 等 操作 。 与 GridView 控件 类 似 , 步 又 如 下 : 

(1) 选择 DetailsViews 控件 ,在 [属性 ] 窗 口中 ,修改 Width 属性 值 为 “600px”。 

(2) 在 [DetailsViews 任务 】 快 捷 菜单 中 ,选择 [编辑 字段 】 ,在 [ 选 定 的 字段 ] 列 表 中 ， 
首先 将 原 imageUrl 字段 删除 , 添加 新 的 ImageField 类 型 字段 ,并 修改 DatalmageUrlField 
属性 的 绑 定 数据 字段 为 imageUrl。 然 后 修改 各 字段 的 HeaderText 属性 。 

(3) 在 [DetailsViews 任务 】 快捷 菜单 中 , 单 击 [ 自动 套用 格式 】, 选 择 一 个 合适 的 架构 
即 可 。 


2. 主 / 详 细 方 案 ( 在 同一 个 网 页 中 显示 ) 


主 /详细 方案 (也 称 为 主 / 从 方案 ) , 即 主 控件 (如 GridView ) 的 选中 记录 决定 要 在 
DetailsView 控件 中 显示 的 记录 。 

下 面 的 代码 示例 演示 如 何 将 DetailsView 控件 与 GridView 控件 结合 使 用 ,构成 简单 
的 主 / 详 细 方案 。 效 果 如 图 15-20 所 示 。 


文件 中 编 得 E) 查看 W) 收 宗 他 工具 人 帮助 如 [2 
G@- 虽 四国 扣 忆 
地 直 四 | 曙 http://leeuhest:14s2/ssps amp _ 辣 回 和 


标题 抄 基因 过 拍 < 指环 王 >》 前传 
新 站 开张 绍 信 息 


什么 是 SQL? 详细 信息 可 全 < 从 旦 天 总 
天 气 真 好 民 币 
> 全 四 合 向 267058 
互联 网 之 后 会 是 物 联 网 四? 二 时 。 令 人 吃惊 
海地 救援， 技术 让 一 切 变 得 不 一 样 。 详细 信息 影 的 影像 和 声效 都 不 比 本 
前 ， 这 部 山寨 


希望 之 


只 有 用 户 才 有 权力 判断 -垃圾 短信 ” ”详细 信和 曲 逊 色 。 日 前 ， 这 部 山 守 
英国 影迷 拍 《 指 环 王 》 前 传 在 Youmbe 网 上 被 热 摔 。 
在 线 工程 预算 


BRT 昨 日 不 见 火车 长 龙 行 一 个 站 仅 三 jj 
分 名 


ll 专家 警告 显示 器 购买 暗 ”jg 


图 15-20 主 / 详 细 方 案 效 果 


A PNET 。 


单 击 左 侧 某 标题 后 的 [详细 信息 】 链 接 后 , 右 侧 后 显示 该 内 容 的 详细 内 容 。 具 体操 作 
步骤 如 下 : 

(1) 向 网 站 添加 一 个 新 页 ,并 切换 到 [设计] 视图 。 单 击 【 表 】1【 插 入 表 】 ,插入 一 个 
1 行 2 列 的 表格 ,为 每 个 单元 格 ( td) 设置 valign 属性 值 为 top。 

(2) 从 [工具 箱 ] 中 分 别 拖 人 一 个 GridView 控件 ( 重 命 名 Id 名 为 gvMaster) 和 一 个 
DetailsView 控件 ( 重 命名 Id 名 为 dvSlave ) 到 表格 的 两 侧 , 并 调整 两 个 控件 的 宽度 以 适应 
表格 的 大 小 。 

(3) 在 GridView 控件 的 [ GridView 任务 ] 菜 单 的 [选择 数据 源 ] 列 表 中 , 单 击 * < 新建 
数据 源 >” ,然后 使 用 下 列 步骤 为 GridView 控件 配置 数据 源 : 

@ 选择 “数据 库 ” ,然后 单 击 [ 确定] 按钮。 

@ 从 连接 下 拉 列 表 中 ,选择 在 前 面部 分 创建 并 存储 的 连接 (ASPNETDBConnec- 
tionString) ,然后 单 击 [ 下 一 步 ] 按 钮 。 

@ 从 [ 名称】 列表 中 选择 article。 在 [ 列 】 框 中 ,选择 id 和 tite。 然 后 依次 单 击 [下 一 
步 ] 和 [【 完成] 按钮 。 

(4) 在 GridView 控件 的 [ GridView 任务 ] 菜单 中 选择 “编辑 列 ”, 显示 【字段 ] 对 

@ 在 【可 用 字段 ] 下 ,展开 CommandFields 节点 ,选择 “选择 ” ,然后 单 击 [ 添 加 】 按 钮 
将 其 添加 到 【 选 定 的 字段 列表 中 ; 在 【 选 定 的 字段 列表 中 , 选择“ 选择”, 然后 在 
CommandField 属性 窗口 中 ,将 其 SelectText 属性 设置 为 “详细 信息 ”。 展 开 ItemStyle 属 
性 ,设置 子 属性 Width 为 80px。 最 后 单 击 [ 确定 】 按钮 关闭 【字段 】 对话 框 。 

@ 在 【 选 定 的 字段 ] 列表 中 ,删除 id 字段 ,并 将 tile 字段 的 HeaderText 属性 值 改 为 
“标题 ” 。 

(5) 在 GridView 控件 的 [GridView 任务 ] 菜 单 中 选择 “启用 分 页 "和 “启用 排序 ” 。 

(6) 选择 GridView 控件 ,在 [属性 ] 窗口 中 确认 其 DataKeyNames 属性 设置 为 
CategoryID 。 

这 样 即 指定 了 当 用 户 在 GridView 控件 记录 列表 中 选择 某 行 标题 时 ,ASP. NET 可 获 
取 到 所 选择 记录 的 主键 。 

下 一 步 是 添加 DetailsView 控件 ,该 控件 将 显示 详细 信息 记录 。 由 于 DetailsView 控 
件 将 使 用 另 一 个 SQL 查询 来 获取 其 数据 ,因此 它 需 要 男 一 个 数据 源 控件 。 

(1) 在 DetailsView 控件 的 [ GridView 任务] 菜单 的 [选择 数据 源 ] 列 表 中 , 单 击 ”< 新 
建 数据 源 > ” ,将 该 控件 配置 为 使 用 另 一 个 数据 源 控件 ,步骤 如 下 : 

@ 选择 “数据 库 ” ,然后 单 击 [ 确 定 】 按 钮 。 

@ 在 连接 下 拉 列 表 中 , 单 击 在 前 面部 分 创建 并 存储 的 连接 (ASPNETDB- 
ConnectionString ) ,然后 单 击 [ 下 一 步 ] 按 钮 。 

@ 从 [ 表 或 视图 选项 ] 下 的 【名称 】 列 表 中 ,选择 article。 在 [【 列 ] 框 中 ,选择 * 。 

@ 单 击 WHERE ,显示 【 添 加 WHERE 子 句 】 对 话 框 。 各 参数 设置 如 下 : 

从 【 列 ] 列表 中 ,选择 id。 

从 [运算 符 ] 列 表 中 ,选择 =”。 

从 [ 源 ] 列 表 中 ,选择 “控件 ”。 
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在 【参数 属性 ] 下 的 【控件 ID ] 列表 中 ,选择 gvMaster。 这 样 ,DetailsView 控件 的 查询 
将 从 GridView 控件 的 选中 项 获取 其 参数 值 。 

然后 依次 单 击 [ 添 加 ] 和 [ 确定] 按钮 ,关闭 [添加 WHERE 子 句 对 话 框 。 

(2) 单 击 [ 下 一 步 ] 按 钮 ,在 “预览 "页 中 , 单 击 [ 测 试 查询 ] 。 

向 导 将 显示 一 个 对 话 框 ,提示 输入 一 个 要 在 WHERE 子 句 中 使 用 的 值 。 这 时 可 以 在 
框 中 输入 “2” ,然后 单 击 [确定 】 按钮 测试 ,将 显示 Id 字段 为 2 的 数据 记录 。 无 误 后 单 击 
【完成 ] 按 钮 。 

(3) 在 DetailsView 控件 的 [ DetailsView 任务 ] 菜 单 中 选择 “编辑 列 ” ,显示 [字段 ] 对 

@ 在 【 选 定 的 字段 ] 列 表 中 ,删除 id 字段 ,修改 tile、content、 pubTime 字段 的 
HeaderText 属性 值 分 别 为 “标题 ” “内 容 " “发布 时 间 ”。 

@ 删除 imageUn 字段 ,添加 ImageField 字段 类 型 ,并 修改 DataImageUrlField 属性 为 
imageUrl ,修改 HeaderText 属性 为 预览 。 

(4) 在 [ GridView 任务 】 菜 单 中 ,选中 * 启 用 分 页 " 。 这 样 即 可 滚动 查看 文章 记录 。 

最 后 可 以 分 别 为 两 个 控件 自动 套用 格式 以 美化 效果 。 

最 后 运行 该 页 , 单 击 GridView 控件 某 标题 后 的 【详细 信息 】 链接 ,DetailsView 控件 即 
显示 与 该 标题 关联 的 详细 内 容 。 

3. 主 /详细 方案 ( 在 不 同 的 页 中 显示 ) 

第 1 种 的 主 / 详 细 方 案 是 在 同一 个 网 页 中 显示 两 者 的 内 容 , 实 际 开发 中 也 会 使 用 到 在 
不 同 的 页 中 显示 两 者 的 内 容 , 即 在 第 1 个 网 页 中 使 用 GridView 控件 显示 主 内 容 ,而 在 第 2 


个 网 页 中 使 用 DetailsView 控件 显示 详细 内 容 , 两 者 通过 浏览 器 的 地 址 栏 传递 参数 。 效 果 
如 图 15-21 和 图 15-22 所 示 。 
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图 15-21 第 1 个 网 页 中 使 用 GridView 图 15-22 第 2 个 网 页 中 使 用 DetailsView 
控件 显示 主 内 容 控件 显示 详细 内 容 
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其 设计 思路 是 ,在 第 1 个 网 页 中 使 用 GridView 控件 显示 出 一 个 超 链接 , 超 链接 携带 
参数 调用 第 2 个 网 页 ,参数 格式 如 “ Slave. aspx? articleId =2” ,第 2 个 网 页 (名 为 Slave. 
aspx ) 的 DetailsView 控件 根据 接收 到 的 articleId 值 , 通 过 数据 源 获取 与 之 吻合 的 id 字段 


的 记录 ,并 显示 出 来 。 

具体 操作 步骤 与 前 面 在 同一 个 网 页 中 显示 的 主 / 详 细 方 案 非 常 相似 ,不 同 处 主要 在 以 
下 几 个 地 方 : 

(1) 新 建 两 个 网 页 ,分别 命名 为 Master. aspx ( 主 内 容 网 页 ) , 另 一 个 命名 为 Slave. 
aspx( 详 细 内 容 网 页 ) ; 


(2) 在 Master. aspx 页 中 拖 入 GridView 控件 ,设置 好 数据 源 ,最 关键 的 是 在 [字段 ] 对 
话 框 中 ,添加 HyperLinkField 类 型 字段 ,然后 设置 下 列 属性 , 见 表 15-2。 
表 15-2 设置 HyperLinkField 类 型 字段 属性 


属 性 值 
HeaderText 查看 
Text 详细 内 容 
。 id 
DataNavigateUrlFields 指示 超 链接 应 从 id 字段 获取 其 值 


Slave. aspx? articleld = |0| 

创建 用 来 导航 到 Slave. aspx 页 的 硬 编码 链接 。 该 链接 还 传递 名 为 
DataNavigateUrlFormatString | articleId 的 查询 字符 串 变量 ,该 变量 的 值 将 引用 DataNavigateUrlFields 
属性 中 引用 的 字段 值 进行 填充 。 一 对 花 括 号 | | 代表 引用 ,0 代表 索 
引号 


(3) 在 Slave. aspx 页 中 拖 入 DetailsView 控件 ,最 关键 的 是 在 数据 源 的 设置 中 ,在 “ 配 
置 Select 语句 "步骤 时 , 单 击 WHERE ,然后 各 参数 设置 如 下 : 

从 【[ 列 ] 列表 中 ,选择 id。 

从 【运算 符 ] 列 表 中 ,选择 * =”。 

从 [ 源 】 列 表 中 ,选择 QueryString。 指 定 查询 将 根据 查询 字符 串 传 人 页 的 值 选 择 
记录 。 

在 【参数 属性 】 下 的 【QueryString 字段 ] 框 中 输入 “articleld”。 

查询 将 从 查询 字符 串 中 获取 记录 的 Id 值 ,查询 字符 串 是 在 单 击 Master. aspx 页 中 的 
“详细 内 容 " 链 接 时 创建 的 。 完 成 后 单 击 【 添 加] 按钮 。 

(4) 为 Slave. aspx 页 添加 一 个 返回 的 超 链接 。 即 拖 入 一 个 HyperLink 控件 拖 到 该 页 
上 ,将 其 Text 属性 设置 为 “返回 ” ,并 将 其 NavigateUrl 属性 设置 为 Master. aspx。 

如 果 希 望 单 击 Master. aspx 页 的 【详细 内 容 】 超 链接 时 ,能 弹出 一 个 新 的 浏览 器 窗口 
显示 Slave. aspx 页 ,只 需 将 Master. aspx 页 GridView 控件 中 添加 的 HyperLinkField 类 型 
字段 的 Target 属性 设 为 ”Blank”。 
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15.4 使 用 ListView 控件 修改 数据 


ListView 控件 和 DataPager 控件 是 ASP. NET 3. 5 中 新 增 的 .非常 受 欢 迎 的 控件 。 
ListView 控件 集成 了 DataGrid .DataList .Repeater 和 GridView 控件 的 所 有 功能 。 它 既 有 
非常 自由 的 开放 式 模板 ,又 具有 GridView 控件 的 那 种 编辑 特性 。ListView 控件 通过 
DataPager 来 实现 分 页 功能 。 把 分 页 的 特性 单独 放 到 另 一 个 控件 里 ,会 让 开发 者 有 更 多 的 
布局 和 显示 上 的 自由 度 。 

使 用 ListView 控件 主要 是 为 了 创建 不 常见 的 布局 ,例如 ,创建 一 个 在 同一 行 中 显示 
多 个 项 目的 表 ,或 者 彻底 脱离 表格 方式 的 呈现 。 

因此 ,构建 显示 大 量 数据 的 页 面 时 ,开发 人 员 通 常 首先 考虑 GridView 控件 ,而 在 更 特 
殊 的 场景 里 使 用 ListView 控件 。 

ListView 控件 的 源 标 签 代码 如 下 : 


< asp:ListView ID= "ListViewl" rmat = "server" > < /asp:ListView > 


为 了 在 ListView 控件 中 显示 数据 ,首先 创建 要 使 用 的 模板 标记 。ListView 控件 支持 
的 模板 见 表 15-3。 


表 15-3 ListView 控件 支持 的 模板 


模 板 用 途 

er 它 包括 占 位 符 对 象 ,例如 :table row (tr), div 或 span 元 素 。 这 个 元 素 
布 前 模 板 Sn 将 被 定义 在 ItemTemple 模板 或 GroupTemple 模板 中 的 内 容 蔡 换 。 也 可 

I 以 包含 一 个 DataPager 对 象 
ItemTemplate » Fe 
项 目 模板 控制 项 目 内 容 的 显示 
多 入 中 秽 和 “| 用 不 同 的 标记 显示 交 蔡 的 项 目 ,便于 查看 者 区 别 连续 不 断 的 项 目 
GroupSeparatorTemplate a s 
组 分 隔 模 板 控制 项 目 组 内 容 的 显示 
Te de 为 分 组 布局 指定 内 容 。 它 包括 占 位 符 对 象 ,例如 ,表格 行 (tr) 、div 或 
组 模板 ES span 元 素 。 这 个 元 素 将 被 定义 在 ItemTemple 模板 或 EmptyItemTemplate 
四 模板 中 的 内 容 蔡 换 
ES 指定 使 用 GroupTemplate 时 的 空 项 内 容 。 例 如 ,如 果 GroupItemCount 
全 硕 目 横 本 属性 设置 为 5, 并 且 数据 源 返回 的 总 数 为 8,ListView 控件 最 后 一 行将 
= 有 3 项 根据 ItemTemple 显示 ,两 项 根据 EmptyTemplate 显示 
0 指定 数据 源 为 空 时 显示 的 内 容 
SelectedItemTempl er Me ery Re 
已 这 摊 项 折 模 要 ”| 指定 当前 选中 的 项 目 内 容 的 显示 
EditltemTemplate 为 编辑 项 指定 要 显示 的 内 容 。 当 数据 进行 编辑 时 EditItemTemplate 将 
编辑 项 目 模板 替换 ItemTemple 的 数据 
InsertItemTemplate 为 插入 项 指定 要 显示 的 内 容 。 当 数据 进行 编辑 时 InsertItemTemplate 将 
插入 项 目 模板 替换 ItemTemple 的 数据 
ee Pe | 为 分 组 项 之 间 指 定 要 显示 的 内 容 (间隔 显示 内 容 ) 
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最 关键 的 \ 至 少 要 求 使 用 的 有 两 个 模板 ,分 别 是 LayoutTemplate 和 ItemTemplate , 正 
如 名 字 暗 示 的 那样 ,LayoutTemplate 为 ListView 控件 呈现 整体 结构 ,ItemTemplate 表示 每 
个 项 目的 内 容 。 当 ListView 控件 呈现 时 , 它 对 绑 定 的 数据 进行 迭代 并 为 每 个 项 目 呈 现 
ItemTemplate ,然后 把 所 有 内 容 都 放 到 LayoutTemplate 里 。 正 是 这 种 简单 的 设计 使 得 
ListView 控件 能 够 这 样 灵活 。 二 天 村 关于 = icepspft Intprnet EaploreF 
为 ListView 创建 LayoutTemplate 时 , 需 | 六 本 咎 名 尿 认 外 工具 中 入 中 
要 指定 IemTemplate 内 容 应 该 插入 的 位 置 。 |iS 9 四 站 六 P 安 和 加 ， 


地 址 中 | 狠 http://1ocalhost:1452/aspnet/1istvier ax 加 加 和 


位 置 是 通过 作为 一 个 占 位 符 的 标签 实现 这 一 可 
J 


点 的 ,页 面 执行 后 , 占 位 符 标签 将 会 被 替换 为 
ItemTemplate 中 的 元 素 。 

定义 占 位 符 的 方法 是 把 某 个 标签 元 素 的 
Id 值 设置 为 默认 的 itemPlaceholder。 另 外 ， | Sa 
占 位 符 标签 必须 是 服务 器 端 控件 , 换 句 话说 ， me 
它 必须 有 runat =" server" 属性 。 如 下 面 的 两 Wo 
个 都 可 以 是 占 位 符 : 


< span id= "iterPlacsholder" runat = 
"server" > < /span> 
<tr id= "itemplaceholder" rnat = 


"server" > < /tr > 


下 面 是 一 个 没有 使 用 表格 的 简单 的 图 15-23 没有 使 用 表格 的 简单 ListView 
ListView ,显示 效果 如 图 15-23 所 示 。 显示 效果 
相关 的 源 标签 代码 如 下 : 


< asp:ListView D= "TistViewl" runat = "server" DataSarosID = "sdlDatasourosl"> 
< IayoutTerplate > 
< span id= "itemPlaosholder" runat = "server" > < /span> 
< /IaycutTemplate > 
< Itenterplate > 
<%#Eval("title") 多 > 
<br/> 
< asp:Image JmagsUrl = ' <%# Eval ("imageUrl") $ > ' ID= "myIrg" 
runat = "server"/ > 
<hr/> 
< /Itenlenplate > 
< /asp:ListView > 


ee 


< asp:SqlDatasouroe ID= "sqlDatasouroel" runat = "servern 
Connectianstring= "< $ $ ConnectianStrings:RSENETTBOonnecticnStringg > 
"Selectoamand = "SETECT* FROM [articlel"> < /asp:sqlpatasource > 
代码 中 的 <%#Eval(" 字 段 名 " ) 多 > 是 数据 绑 定 表达 式 ,运行 后 ,该 位 置 将 由 数据 源 
中 对 应 字段 名 的 内 容 所 替代 。 
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数据 源 已 经 配置 好 , 即 < asp: SqlDataSource > 标签 部 分 ,其 中 的 连接 字符 串 
(ConnectionString ) 属性 借助 了 之 前 学 习 GridView 控件 时 的 配置 名 ASPNETDBConnection- 
String ,该 连接 配置 是 已 经 保存 在 Web. config 文件 中 的 。 

可 以 方便 地 修改 这 个 例子 以 让 它 使 用 表格 。 例 如 ,同样 要 实现 把 每 个 项 目 放 到 单独 
的 行 中 (就 像 GridView 那样 ) ,ListView 标签 可 以 写 为 : 

< asp:ListView D= "ListVienl" runat = "server" DatasouroeID= "SDataSourcsl" > 
< IayoutTeplate > 
< table border= "1"> 
< tr id= "itenplaceholder" runat = "server" > 
< /Er 
< /table> 
< /TayoutTenrplate > 
< Itenflerplate > 
E> 
<ta> 
<%S#FEval("title") % > 
<br/> 
< asp: Irage ImegeUrl = ' < %# Eval (imageUrl )% > 'ID= "nyIrg" 
runat = "server"/ > 
</td> 
</tr> 
< /Itenlenplate > 
< /asp:ListView > 

执行 后 , 占 位 符 部 分 (加 字符 底 纹 效果 代码 ) 将 会 被 IemTemplate 标签 内 的 元 素 所 

替代 。 


15.4.1 分 列 显示 


下 面 介绍 一 下 使 用 ListView 控件 分 列 显示 的 操作 方法 ,每 行 显示 4 列 。 先 看 一 下 最 
终 显示 的 效果 ,如 图 15-24 所 示 。 

分 列 显示 需要 用 到 ListView 控件 的 分 组 ( group ) 功能 。 它 允许 把 一 定数 量 的 记录 划 
分 成 组 ,最 后 将 组 排列 到 整体 的 布局 中 。 

使 用 分 组 ,首先 要 设置 GroupItemCount 属性 , 它 决 定 每 个 组 里 项 目的 个 数 : 

< asp:ListView ID= "ListViewl" runat = "server" GroupItercount = "4" 

DatasouroeID = "sqlpatasourcel"> 

设置 了 分 组 大 小 后 ,还 要 修改 LayoutTemplate。 这 是 因为 总 体 的 布局 不 再 直接 包含 
数据 项 目 , 而 是 先 包含 分 组 (最 后 在 分 组 里 才能 包含 数据 项 目 )。 因 此 ,要 先 将 
LayoutTemplate 中 占 位 符 的 itemPlaceholder 更 改 为 groupPlaceholder, 代表 总 体 的 布局 包 
含 的 是 分 组 内 容 : 

< IayoutTeplate > 

< span 过 = "gropPlacsholder" rmat = "server" > 


NT 


和 


下 2 
文件 四 ”编辑 加 查看) 收藏 和 工具 中 下 助 只 
9-* 国 国 欠 | 请 去 提 | 全 - 龟 团 -图 KK 


地 址 四 ) | 必 http://1scalhost: 1452/aspnet/listyier_aspx 


会 


司 目 和 


| 互联 网 之 后 会 是 物 联 
新 站 开张 网 吗 ? 


Fe 什么 是 SQL? 
a 
eo ee 


2 " 垃 英国 影迷 拍 《指环 
| 技术 让 一 切 变 得 人 全 > 前传 


区 小 沁 专家 警告 亚 


图 15-24 ”ListView 控件 分 列 显示 (每 行 显示 4 列 ) 效 果 


|BRT 昨 日 不 见 火车 长 龙 行 
一 个 站 仅 三 分 名 


< /table> 
< /LaycutTenrplate > 


然后 ,再 添加 分 组 模板 GroupTemplate , 它 用 于 封装 每 个 组 ,由 于 数据 项 目 要 包含 到 组 
里 ,所 以 GroupTemplate 的 占 位 符 Id 值 要 设置 为 itemPlaceholder: 


< Groplenplate > 
< span id= "itemPlaceholder" nmat = "server" > 
< /GroupTerplate > 


后 的 数据 项 目 模板 ItemTemplate 绑 定 具体 的 显示 内 容 如 下 : 


< Itentrearplate > 
<%#Eval("title") > 
< /Ttentemplate > 


本 例 中 为 达到 分 列 显示 ,每 行 4 列 的 效果 ,需要 结合 使 用 分 组 功能 和 表格 标签 ,相关 
代码 如 下 : 


< asp:ListView ID= "ListViewl" rnat = "server" GropltenCont = "4™ 
DataSouroeID = "SqlDataSourosl" > 
< IaycutTerplate > 
< table border= "1"> 
专 计 id= "groupplacsholder”" Tunat = "server" > 
< ir> 
</table> 
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< /IaycutTerplate > 
< GroupTerplate > 
运 诈 字 
<td id= "itemplaceholder™" ITunat = "server" > 
< /td> 
RErz 
< /Groupramlate> 
< Itentrerplate > 
<td> 
<%#Eval("title")% > 
<br/> 
< asp:Irege IregeUrl = ' < %# Eval ("imageUrl") %$ > ' D= "ryIng" 
runat = "server"/ > 
</td> 
< /TItenlenplate > 
< /asp:ListView > 


最 后 通过 逐 级 地 对 占 位 符 替 换 , 达到 分 列 显示 的 效果 。 

使 用 分 组 时 ,最 后 一 个 组 (最 末 行 ) 也 许 不 能 被 完全 填充 。 如 本 例 中 的 显示 ,总 数据 
项 不 是 每 组 项 个 数 的 整 倍数 时 , 最 后 一 个 组 就 不 会 完整 。 这 种 情况 下 ,可 以 使 用 
EmptyItemTemplate 提供 新 的 内 容 。 


15.4.2 分 页 


ListView 控件 没有 提供 固定 的 分 页 功能 ,但 可 以 借助 专用 分 页 控件 DataPager 来 
ListView 结合 DataPager 控件 的 优势 在 于 ,可 以 灵活 地 在 页 面 的 整体 布局 中 设置 它 的 
位 置 。 只 要 把 它 放 到 LayoutTemplate 的 正确 位 置 即 可 。 较 常见 的 应 用 是 把 DataPager 放 
到 ListView 的 底部 ,并 提供 翻 页 按钮 。 效 果 如 图 15-25 所 示 。 
相关 代码 如 下 : 


< asp:ListView ID= "ListViewl" nmat = "server" GroupItenCount = 号 " 
DataSourceID = "SqlDataSouroel" > 
< LayoutTenplate > 
< table border= "1"> 
<tr 这 = "gropPlaosholder" runat = "server" > 
</tr> 
</table> 
< asp:DataPager D= "DataPagerl" runat = "server" PageSize= "6"> 
<Fields> 
< asp:NextPreviousPagerField ShowFirstPageButtoan= "True™ 
ShowlastPageButtoan = "True"/> 
< /Fields> 
< /asp:DataPager > 
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文件 四 ”篇 铝 四 查看 WD 收 意 四 ”工具 四 帮助 四 
@-O- 国 国 折 |p © 全 -名 加 -加 KK 
起 二 四 | 蛋 http://1ecuhest:1452/aspaet/listyiev_ aspx 


天 气 真 好 


什么 是 SQI? 


Se 会 是 物 联 网 
胜地 履 丘 ， 技术 让 一 切 变 得 不 一 避 用 户 才 和 有 权力 判断 过 级 生 


图 15-25 ”ListView 控件 结合 DataPager 控件 实现 分 页 效果 


< /IaycutTemplate > 
< GroupTerplate > 
<tr> 
< td 这 = "itemplaosholder" runat = "server" > 
</td> 
</tr> 
< /GroupTenplate > 
< Itentlerplate > 
<td> 
<%#Eval ("title")s > 
<br/> 
< asp: Imege IrageUrl = ' < %# Eval ("imageUrl")% > 'ID= "myIng" 
runat = "server"/ > 
</tda> 
< /Itenlenplate > 
< /asp:ListView > 


DataPager 控件 会 自动 裁剪 每 页 绑 定 的 数据 ,这 样 ListView 控件 只 会 得 到 相应 的 数据 
隆 集 。 


15.4.3 图 形 界面 操作 


ListView 控件 相对 前 面 介绍 的 GridView 和 DetailsView 控件 ,最 大 的 优势 就 是 布局 
灵活 ,布局 灵活 主要 就 是 通过 对 源 标签 代码 的 手动 调试 来 完成 的 ,因此 该 控件 学 习 的 重点 
是 源 标签 代码 的 使 用 。 不 过 它 也 支持 图 形 界面 的 操作 ,在 一 些 应 用 时 ,也 可 以 考虑 先 使 用 
图 形 界面 操作 来 快速 建立 构架 ,之 后 再 通过 手动 调试 源 标签 代码 的 方式 达到 最 终 效 果 。 

图 形 界面 下 配置 数据 源 的 方法 与 前 面 的 GridView 控件 相同 。 
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ListView 控件 的 【 ListView 任务 ] 快 捷 菜 单 中 多 出 一 项 Configure ListView 选项 ,用 于 
设置 ListView 的 布局 .样式 和 参数 等 , 单 击 后 弹出 Configure ListView 对 话 框 ,如 图 15-26 
所 示 。 


title contentsimageUrlp pubTime 
下 地 数据 绑 定数 据 绑 定 ”数据 绑 定 ”数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 


Eee 孝 据 久 定数 据 绑 定 数据 煞 定 
3 数据 乌 定 数据 务 定 数据 缔 定 


| 救 据 久 定数 据 泌 定 数据 拨 定 
。 | | 歼 所 证 救 所 证 数据 和 定 


数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定数 据 绑 定 数据 绑 定 
和 


图 15-26 ”Configure ListView 对 话 框 
用 户 可 以 通过 左 侧 的 Select a Layout 和 Select a Style 列表 对 布局 和 样式 进行 调整 。 
Select a Layout 列表 各 项 含义 见 表 15-4。 
表 15-4 Select a Layout 列表 项 含义 


布局 名 称 说 明 
Grid 数据 以 表格 布局 显示 。 每 列 对 应 于 基础 数据 源 中 的 一 个 字段 。 此 布局 包 
网 格 括 一 个 标题 行 ,该 行 对 每 列 使 用 字段 名 称 
Tiled 数据 以 使 用 组 模板 的 平 铺 表格 布局 显示 。 每 项 都 包括 所 有 字段 的 名 称 和 
平 铺 值 。 此 布局 会 自动 将 GroupItemCount 属性 设置 为 3 
BulletedList Pp 1 a Wy 
项 目 符号 列表 数据 显示 在 项 目 符号 列表 中 。 每 个 列表 项 都 包含 所 有 字段 的 名 称 和 值 
Flow 数据 以 使 用 div 元 素 的 流 布局 显示 。 逐 个 显示 项 ,每 一 项 都 包含 所 有 字 
流 段 的 名 称 和 值 
Single Row 数据 显示 在 只 有 一 行 的 表 中 。 各 项 逐个 显示 在 一 列 中 ,每 一 项 都 包含 所 
单行 有 字段 的 名 称 和 值 


如 果 和 希望 激活 Enable Editing .Enable Inserting Enable Deleting 三 个 选项 ,需要 重新 
配置 数据 源 , 同 GridView 控件 一 样 ,在 “配置 Select 语句 "步骤 中 , 单 击 [ 高 级 ] 按 钮 ,在 
【高 级 SQL 生成 选项 ] 对 话 框 内 选中 【生成 INSERT、UPDATE 和 DELETE 语句 】 复 
选 框 。 

以 上 设置 完成 后 ,运行 页 面 效果 如 图 15-27 所 示 。 

若 要 细致 调整 显示 效果 ,如 修改 标题 名 .选择 显示 字段 等 ,需要 切换 到 源 标签 视图 手 
动 修改 相应 模板 内 的 元 素 。 
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图 15-27 设置 Configure ListView 选项 后 ListView 的 显示 效果 


本 章 小 结 


使 用 数据 控件 ,借助 数据 绑 定 技 术 可 以 非常 高 效 地 完成 一 个 动态 网 站 的 开发 。 本 章 
主要 介绍 了 GridView 控件 .DetailsView 控件 以 及 ListView 控件 结合 DataPager 控件 的 使 
用 。GridView 控件 使 用 得 最 多 , 它 用 表格 来 显示 数据 ,每 行 一 条 记录 。 如 果 不 希 望 使 用 
表格 显示 ,或 者 要 在 每 一 行 中 能 显示 多 条 记录 ,就 会 用 到 ListView 控件 。DetailsView 控 
件 每 次 显示 一 条 记录 ,适合 用 在 显示 详细 数据 记录 或 添加 记录 的 场合 。 


习题 


操作 题 : 


综合 使 用 本 章 介 绍 的 各 数据 控件 ,制作 一 个 “通讯 录 " 网 站, 要求 该 网 站 具备 对 通讯 
录 中 数据 进行 添加 、 查 询 ,编辑 ,删除 的 功能 。 
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尽管 使 用 ASP. NET 提供 的 各 种 数据 控件 就 可 以 高 效 地 完成 对 数据 源 的 管理 应 用 ， 
但 在 实际 的 动态 网 站 开发 中 ,很 多 对 数据 源 操作 的 功能 页 面 , 若 使 用 代码 页 的 程序 控制 ， 
功能 将 会 更 强大 ,运用 也 会 更 加 灵活 。 

数据 绑 定 技术 是 高 效 数据 操作 的 根基 ,下 面 就 介绍 使 用 程序 代码 结合 数据 绑 定 技术 
管理 数据 源 。 


16.1 普通 控件 的 绑 定 


最 简单 的 数据 绑 定 是 对 普通 控件 的 绑 定 。 

创建 好 数据 源 后 ,将 其 向 控件 进行 绑 定 显示 ,一般 只 需要 两 步 : 

(1) 设置 该 控件 的 DataSource 属性 为 数据 源 。 即 

控件 .Datasource= 数 据 源 ; 

(2) 使 用 该 控件 的 DataBind 方法 进行 数据 绑 定 。 即 

控件 .DataBind(); 

下 面 来 看 一 个 对 普通 列表 控件 进行 数据 绑 定 的 例子 。 设 计 效 果 如 图 16-1 所 示 。 
例 中 首先 通过 表格 布局 (2 行 2 列 ,第 一 行 合 并 居 


中 ) ,然后 拖 人 两 个 列表 控件 , 左 侧 是 ListBox 控件 ( 设 ER 一 
置 Id 为 libcity) , 右 侧 是 RadioButtonList 控件 (设置 Id 二 


为 rblCity ) 。 


然后 切换 到 代码 视图 ,在 页 载 和 事件 Page_Load 内 ”图 16-1 对 普通 列表 控件 进行 数 


加 据 绑 定 的 设计 效果 
添 写 代 码 分 别 对 两 个 控件 进行 数据 绑 定 : 
// 定 义 数组 作为 数据 源 
string[] arr= new string[4] { 嘱 京 % "天 津 ", "上 海 ” " 吓 庆 "]; 
libcity-Datasource = arr; // 设 置 列表 框 控件 libcity 的 数据 源 为 数组 arr 
libcity.DataBind(); /数据 绑 定 


IblCity.Datasouroe = arr; // 设 置 单 选 列表 框 控件 zolcity 的 数据 源 为 数组 arr 


> ASENET 动态 网 站 开发 教程 
四 


hlCity.DataBind ()7 /数据 绑 定 

运行 后 ,效果 如 图 16-2 所 示 。 

上 例 中 的 数据 源 是 数组 。 当 然 ,数据 源 也 可 以 是 数据 库 中 的 记录 集 。 另 外 ,自动 绑 定 
也 可 以 与 显示 插入 相 结 合 ,如 图 16-3 所 示 。 


虱 无 标题 页 - Microsoft Internet Explorer 回回 | 四 
文件 人 E) 编辑 人 E) 查看 WD 收藏 和 ) 工具 XI) 玫 助 人 D 十 


» 


@ 昌 -日 - 国 国人 | 只 交 马 | 折 -名 四 ”图 
地 让 站 ) | 镜 http://1ocalhost:1452/aspnet/datapind aspx 加 回 和 到 


请 选择 单位 类 型 ，| -请 i 


网 本 地 Intranet 
图 16-2 对 普通 列表 控件 进行 图 16-3 绑 定 数据 库 中 的 记录 集 
数据 绑 定 的 运行 效果 


例子 中 的 “管理 "至 “在 校 学 生 ”7 个 项 目 是 从 数据 库 绑 定 的 ,而 最 前 面 的 1 项 “-- 请 
选择 单位 类 型 --" 则 是 用 代码 显示 插入 的 。 

练习 这 个 例子 需要 先 在 数据 库 ( 如 ASPNETDB. MDF) 新建 一 个 表 ( 如 unitKind ) , 结 
构 见 表 16-1。 


表 16-1 表 unitKind 结构 


kindId kindName kindId kindName 
(单位 类 型 的 编号 ， (单位 类 型 名 称 ， (单位 类 型 的 编号 ， (单位 类 型 名 称 ， 
int 型 ,主键 ) nvarchar(50) 型 ) int 型 ,主键 ) nvarchar(50) 型 ) 
1 管理 5 医疗 
这 科研 人 员 6 公务 员 
3 法 务 7 在 校 学 生 
4 教师 


然后 切换 到 网 页 的 代码 视图 。 首 先导 入 System. Data. SqlClient 和 System. Web. 
Configuration 两 个 命名 空间 ,然后 在 载 人 事件 (Page_Load) 中 输入 以 下 代码 (重点 关注 加 
字符 底 纹 效果 部 分 ) : 


string strConn = 

得 可 ings["TocalSal 1 i 
Sqlconnection conn = new Sqlconnecticn (strconn); 
conn-Open ()7 
string strsql = "select * from nitKind"; 
DataSet D8 = new DataSet () 7 
SqlDatancapter adpb = new SqlDatandapter (strsql，conn); 
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// 将 数据 库 中 的 单位 类 型 记录 集 保存 到 数据 集 的 rwonitgina 表 内 

adp-Fill (DS, "myUnitKing"); 

com.Close(); 

// 设 置 proppowList 控件 的 数据 源 为 数据 集 Ds 中 表 myonitKina 
aiUnitkind.Datasource= D8.Tsbles ["myUnitKind"]; 

// 设 置 Droppomnrist 控 件 的 Value 值 所 属 字段 

GHIUnitKing.DataValueField = "kindId"; 

// 设 置 propponrist 控件 的 Text 值 所 属 字 段 

aalUnitKind.DatarextField= "kinoNeme"; 

cHIUnitKind.DataBind (); // 刀 定 

// 将 提示 用 的 列表 项 *- -请 选择 单位 类 型 - -" ,显示 插入 列表 的 最 前 面 即 第 0 个 位 置 ) 
cdlunitKind.Ttems.Insert (0, new ListTtem(" - -请 选择 单位 类 型 - -", "0")); 


请 注意 ,与 绑 定数 组 不 同 , 向 下 拉 列 表 绑 定数 据 库 中 的 记录 集 还 应 指定 一 下 具体 绑 定 
的 字段 名 : 
ddIUnitKind.DataValueField = "kindId"; 
aalUnitKind.DatamextField = "kindNeme"; 
这 是 因为 记录 集中 每 条 记录 的 字段 会 很 多 ,那么 到 底 哪个 字段 对 应 的 是 列表 框 的 显 
示 项 (Text) ,哪个 字段 对 应 的 是 值 项 (Value) 呢 , 这 就 需要 用 列表 控件 的 DataValueField 
属性 和 DataTextField 属性 指出 来 。 
上 例 网 页 执行 后 ,通过 单 击 浏 览 器 的 【查看 】 |【 源 文件 】 ,可 以 看 到 生成 的 网 页 
XHTML 源 代码 ( 列表 部 分 ) 如 下 : 
< select nare= "dlUnitKind" id= "ddlUnitKind" > 
< qption value= "0"> - -请 选择 单位 类 型 - - < /apticn> 
< apticn value = 中 "> 管理 < /aption > 
< option value= "2"> 科 研 人 员 < /aption > 
< aption value= "3"> 法 务 < /aption > 
< option value= "q" > 教师 < /aption > 
< optian value = 听 "> 医疗 < /apticn > 
< apticn value= "6" > 公务员 < /aption > 
< oqptian value= "7"> 在 校 学生 < /aption > 
< /select > 
还 有 一 点 需要 注意 的 是 ,自动 绑 定 与 显示 插入 相 结合 时 (本 例 即 是 ) ,由 于 自动 绑 定 
之 前 会 自动 清除 全 部 列表 项 ,所 以 显示 插入 语句 要 放 在 自动 绑 定之 后 。 


16.2 数据 控件 绑 定 


Visual Studio 中 提供 了 多 个 专用 的 数据 控件 ,它们 都 支持 丰富 的 事件 处 理 , 由 于 开发 
中 使 用 最 多 的 是 GridView 控件 ,这 里 就 以 GridView 控件 为 例 , 介 绍 通过 代码 对 其 操作 的 
方法 。 其 他 数据 控件 的 代码 操作 方法 与 GridView 控件 大 体 相通 。 


人 
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最 简单 的 是 通过 代码 将 其 绑 定 数据 记录 ,进行 显示 的 代码 如 下 : 


Public partial class dataBind : System.Web.UI .Page 
{ 
Protected void Page Load (cbject sender, EventArgs e) 
{ 
String strCom = WebConfiguratiorManager .ConnectionStrings 
["TocalSqlServer"] .ConnectionString; 
SqlComnectian conn = new SqlConnection (strConn) 7 
comn.Open ()7 
String strSql = "select * fram article"; 
DataSet DS = new DataSet () 7 
SqlDatancdapter adp = new SqlDatandapter (strSql, oomn); 
adp.Fill (D8, "myArticle"); 
omn.Close (); 
gvArticle.Datasouroe = D8.Tables["myArticle"]; 
gvArticle.DataBind (); 


} 
显示 效果 如 图 16-4 所 示 。 
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图 16-4 GridView 控件 通过 代码 绑 定 数据 记录 显示 效果 


以 上 操作 ,直接 将 GridView 控件 拖 入 页 面 ,并 将 Id 属性 名 称 改 为 gvArticle 即 可 ,不 
必 做 其 他 的 设置 。 
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可 以 看 出 ,使 用 GridView 控件 显示 数据 表 中 数据 非常 方便 。 
1. 分 页 显示 


为 GridView 控件 设置 分 页 效果 的 操作 步骤 如 下 : 
(1) 设置 分 页 属性 。 选 择 GridView 控件 ,在 [ 属性】 窗口 设置 表 16-2 所 示 属 性 。 
表 16-2 GridView 控件 属性 设置 


属性 名 属性 值 说 明 
AllowPaging True 打开 GridView 控件 的 分 页 功能 
PageSize 3 每 页 要 显示 的 记录 数 
PagerSettings/ Mode NumericFirstLast 数字 型 页 号 , 带 首页 和 最 后 页 
PagerStyle/ HorizontalAlign Right 页 号 位 置 水 平 居 右 


(2) 生成 翻 页 事件 。 选 择 GridView 控件 , 单 击 [ 属性】 窗口 的 琅 按 钮 切换 到 事件 列表 ， 
双击 其 中 的 PageIndexChanging 事件 ,系统 将 自动 切换 到 代码 视图 。 可 以 看 到 ,已 经 新 生成 
了 翻 页 事件 gvArticle_PageIndexChanging (事先 已 经 将 GridView 控件 Id 设 为 gvArticle ) 。 

(3) 编写 程序 代码 。 若 让 GridView 控件 切换 到 新 的 页 号 ,只 需 在 程序 中 先 赋值 给 它 
的 PageIndex 属性 一 个 新 的 页 号 (int 类 型 ) 值 ,然后 再 重新 绑 定 显示 即 可 。 

由 于 会 多 次 调用 数据 绑 定 显示 功能 ,为 减少 代码 元 余 , 最 好 将 这 部 分 功能 代码 独立 出 
来 ,单独 定义 一 个 绑 定 显示 函数 (本 例 中 命名 为 BindView( ) ) ,以 方便 被 各 处 调用 。 完 整 
代码 如 下 : 


using System 

7//……: 中 间 省 略 ……- 

using System.Data.sqlClient; // 导 入 相关 命名 空间 
using System.WEb.Configuraticny 


Piblic partial class dataBind : System.Web.UI .Page 

{ 
Protected void Page Load (Goject sender, EventArgs e) 
{ 


证 (!Page.IsPostPack) // 如 果 不 是 回 发 即 只 当 首次 运行 才 执行 ) 
BindView(); // 娠 定 显示 
} 
} 
// 翻 页 事件 
Protected void gvArticle PageIndexChanging (Gbject sender, 
GridViewbagsEventargs 日 
‘ 
gvArticle.PageIndex = e.NewPageIndex; // 设 置 翻 页 到 用 户 选 择 的 新 页 号 


BindView(); // 再 次 绑 定 显示 
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// 自 定义 的 数据 绑 定 显示 功能 函数 

private void BindView() 

' 
String strCom = WeboonfiguratiorManager .ConnectionStrings 
["TocalsqlServer"] .ConnecticonString7 
Sqlconnecticn conn = new SqlConnecticn (strconn) 7 
comn.Open ()7 
string strsaql = "select * fram article"; 
DataSet D8 = new DataSet (); 
SqlDatandapter adp = new SqlDatandapter (strSql, omn); 
adp.Fill (DS, "myArticle"); 
om.Close ()7 
gvArticle.DataSsouroe = D8.Tables ["myArticle"]; 
gvArticle.DataBind (); 


} 


2. 使 用 GridView 控件 编辑 和 删除 数据 


GridView 控件 对 数据 的 编辑 和 删除 功能 ,往往 应 用 在 网 站 的 后 台 管 理 当 中 ,如 
图 16-5 所 示 。 
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图 16-5 GridView 控件 添加 编辑 和 删除 功能 的 效果 


编写 方法 如 下 : 

(1) 在 设计 视图 下 ,通过 快捷 任务 菜单 进入 GridView 控件 的 [字段 ] 按 钮 。 然 后 展 
开 CommandField 字段 类 型 ,选择 添加 “编辑 更新、 取消 ”和 “删除 ”两 种 字段 子 类 型 。 单 
击 [确定 】 按钮 关闭 [字段] 按钮 。 

(2) 选择 GridView 控件 , 单 击 【[ 属 性】 窗口 中 的 图 按钮 切换 到 事件 列表 , 双击 
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RowDeleting .RowEditing .RowUpdating .RowCancelingEdit 事件 后 ,系统 自动 创建 以 下 4 
个 事件 函数 : 

。 gvArticle_ RowDeleting( 删除 事件 , 单 击 [ 删除] 按钮 时 触发 ) 

。 gvArticle_ RowEditing( 编辑 事件 , 单 击 [ 编辑 按钮 时 触发 ) 

。 8gvArticle_ RowUpdating( 更 新 事件 , 单 击 [ 更 新 ] 按钮 时 触发 ) 

。 gvArticle_RowCancelingEdit( 放弃 编辑 事件 , 单 击 [ 放 弃 】 按 钮 时 触发 ) 

剩 下 需要 做 的 工作 就 是 在 各 个 事件 内 添加 功能 代码 。 

(3) 切换 到 代码 视图 ,为 各 事件 函数 添加 功能 代码 。 


( 在 下 本 为 每 个 事件 编写 代码 的 最 后 ,者 需 要 对 GridView 控件 重新 绑 定 显示 。 
完整 程序 代码 如 下 : 


Using System; 
//…… 中 间 省 略 ……: 
using System.Data.SqlClient; // 导 入 相关 命名 空间 


Piblic partial class dataBind : System.Web.UI .Page 
{ 
Protected void Page_Load (dbject sender, FventArgs e) 
{ 
if (!Page.IsPostBack) 
{ 
BincView ()7 
} 


// 翻 页 事件 , 单 击 页 号 进行 翻 页 时 触发 
protected void gvArticle PageIndewchanging (cbject sender, 
GridViewPageEventArgs e) 

{ 
// 设 置 翻 页 到 用 户 选择 的 新 页 号 通过 形 参 e 的 NewPageIrcex 属性 获取 新 选择 的 页 号 ) 
VArticle.PageIndex = e.NewPageIndex; 
BincView ()7 // 再 次 绑 定 显示 

} 


// 自 定义 的 数据 绑 定 显示 功能 函数 

Private void BincdView () 

和 
String strCom = WebonfiguratiorManager.ConnectionStrings 
["TocalsqlServer"] .ConnecticnString7y 
SqlConnecticn conn = new SqlConnecticn (strConn) 7 
conn-Open ()7 
string strsal = "select * fram article"™; 
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DataSet DS = new DataSet (); 

SqlDatancapter adp = new SqlDatancapter (strSql, omn); 

adp-Fill (D8, "myArticle"); 

conn.Close (); 

gvArticle.Datasouroe = DS.Tables ["nyArticle"]; 

// 设 置 主键 字段 名 称 数组 类 型 ),Grioview 控 件 就 可 以 记载 下 每 行 记录 这 字段 的 值 ,以 备 
后 面 的 更 新 、 删 除 操作 (so 语句 要 用 到 这 个 语法 : where ia=n) 

gvArticle.DatakeyNares = new string[] {"id"}; 

gvArticle.Datapind (); 

} 


// 删 除 事件 , 单 击 [删除 ] 按 钮 时 触发 
protected void gvArticle RowDeleting (cbject sender, 
GridViewDeleterventArgs e) 

{ 
// 从 主键 集合 中 获取 当前 行 号 的 记录 攻 值 
String strId= gvArticle.Datakeys [e.RowIndex] .Value.TeString()7 
String strCom = WeboonfiguratiorManager .ConnectionStrings 
["Tocalsq] Server"] .Connectionstring; 
Sqlconnection conn = new SqlComnection (strConn) ; 
conn.Open (); 
string strsaql = "delete from article where id= "+, strld |; 
Sqlcamand ama = new Sql Camrand (strsql，conn) 
amd.ExecuteNpnQuery ()7 
comn.Close ()7 
BincView()7 

} 


// 编 辑 事件 , 单 击 【 编辑] 按钮 时 触发 
protected void gvArticle RowEditing (doject sender, 
GricViewenditEventArgs e) 

{ 
// 形 参 e 的 NeveditIndex 属 性 返回 用 户 选择 编辑 的 行 号 (int 型 ,大 于 等 于 0) 
gvArticle.pditIndex = e.NewEditIndex; 
BindView(); 

} 


// 更 新 事件 , 单 击 【更 新 ] 按 钮 时 触发 
Protected void gvArticle RowOPdating (Gbject sender, 
GridViewUpdateEventArgs e) 

{ 
// 获 取 当 前 行 
GridqViewRow gvRow = gvArticle.Rows [e.RowIndex]; 
// 从 当前 行 中 ,获取 第 0 个 单元 格 中 控件 好 存放 tbe 字 段 的 文本 框 ,注意 要 转换 类 型 ) 
TextBox ttGvTitle= (TextBox)gvRow.Cells[0] .Controls[0]7 


第 16 章 代码 为 王 一 一 数据 控件 的 高 级 使 用 全 
$S 


// 从 当前 行 中 ,获取 第 1 个 单元 格 中 的 控件 好 存放 contents 字段 的 文本 框 ,注意 转换 类 型 ) 
TextBox txtGvContents = (TextBox)gvRow.Gells[1].Controls[0]7 
// 从 当前 行 中 ,获取 第 2 个 单元 格 中 的 控件 即 存放 imeceUnl 字段 文本 框 ,注意 转换 类 型 ) 
TextBox txbGvImageUrl = (TextBcx)gvRow.Cell1s[2] .Controls[0]7 
DateTime dt = DateTime.Now; // 获 取 系 统 当前 时 间 
// 获 取 当 前 记录 的 了 字段 的 值 
string strId= gvArticle.Datakeys [e.RowIndex] .Value.ToString(); 
// 将 各 文本 框 TestBox 内 的 文本 值 保存 到 数据 库 
String strCom =TEbConfiguraticrMenaoer.ConnecticnStrings 
["IocalSqlServer"] .ConnecticonStringy 
Sqlconnecticn conn = new SqlConnecticn (strconn) 7 
conn.Open ()7 
String strSql = "select * from article where id= "+ strId; 
Dataset DS = new Dataset ()7 
SqlDatapcapter adp = new SqlDatapdapter(strsql，conn) 7 
comn.Close ()7 
SqlCamandBui lger db = new SqlCammandBui lder (adp); 
adp.Fill (DS, "ryArticle"); 
DataRow tr= DS.Tables["myArticle"] .Rows [0]; 
tr["title"] = txtGvTitle.Text7 
tr["omtents"] = txtGvContents.Texty 
tr["imageUrln] = txtGvIregeUr] .Text; 
tr["pibTime"] = dt.ToString(); 
adp.Update (D8, "myArticle"); 
Article.EditIndex = — 1; // 更 新 完成 后 ,将 该 属性 设置 为 - 1, 取消 编辑 状态 
BindView(); 
l 


// 放 弃 编辑 事件 , 单 击 【放弃 ] 按 钮 时 触发 
protected void gvArticle RowCanoelingedit (cbject sender, 
GridViewCanoelFditEventArgs e) 


下 面 是 对 GridView 控件 代码 设置 的 几 点 说 明 : 

1) 控件 的 事件 

GridView 控件 提供 多 个 可 以 对 其 进行 编程 的 事件 。 这 使 用 户 可 以 在 每 次 发 生 事件 
时 都 运行 一 个 自 定义 的 程序 。GridView 的 控件 常用 事件 见 表 16-3。 

了 解 表 16-3 中 GridView 控件 支持 的 事件 后 ,再 结合 GridView 控件 的 几 个 常用 属性 
(如 行 集合 Rows、 当前 编辑 行 EditIndex、 查找 控件 FindControl .设置 主键 集 
DataKeyNames ,主键 集合 DataKeys 等 ) ,利用 程序 代码 就 可 以 灵活 地 处 理 实际 开发 中 的 
大 部 分 需求 了 。 
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表 16-3 GridView 控件 的 常用 事件 


事 件 说 明 
de 在 单 击 某 一 页 导航 按钮 时 ,但 在 GridView 控件 处 理 分 页 操作 之 前 发 
Se 生 。 此 事件 通常 用 于 取消 分 页 操作 
en Ces 在 单 击 某 一 行 的 "取消 "按钮 时 ,但 在 GridView 控件 退出 编辑 模式 之 前 
发 生 。 此 事件 通常 用 于 停止 取消 操作 
ee 当 单 击 GridView 控件 中 的 按钮 时 发 生 。 此 事件 通常 用 于 在 控件 中 单 
击 按钮 时 执行 某 项 任务 
Be 在 GridView 控件 中 将 数据 行 绑 定 到 数据 时 发 生 。 此 事件 通常 用 于 在 
行 绑 定 到 数据 时 修改 行 的 内 容 
Be 在 单 击 某 一 行 的 “删除 ”按钮 时 ,但 在 GridView 控件 从 数据 源 中 删除 相 
S 应 记录 之 前 发 生 。 此 事件 通常 用 于 取消 删除 操作 
a 发 生 在 单 击 某 一 行 的 “编辑 "按钮 以 后 ,GridView 控件 进入 编辑 模式 之 
S 前 。 此 事件 通常 用 于 取消 编辑 操作 
Rowtpdati 发 生 在 单 击 某 一 行 的 “更 新 "按钮 以 后 ,GridView 控件 对 该 行进 行 更 新 
S 之 前 。 此 事件 通常 用 于 取消 更 新 操作 
SolectedindexChanain。 | 发 生 在 单 击 某 一 行 的 选择 "按钮 以 后 ,Gridview 控件 对 相应 的 选择 操 
S98 | 作 进行 处 理 之 前 。 此 事件 通常 用 于 取消 选择 操作 
在 单 击 用 于 列 排序 的 超 链接 时 ,但 在 Gridview 控件 对 相应 的 排序 操作 
Sorting 进行 处 理 之 前 发 生 。 此 事件 通常 用 于 取消 排序 操作 或 执行 自 定义 的 排 
序 例 程 


表 16-3 的 各 类 事件 在 后 面 的 内 容 中 将 会 介绍 到 。 

2) 主键 值 的 获取 

GridView 控件 中 并 没有 显示 Id 字段 内 容 (没有 必要 将 其 暴露 给 浏览 者 ) ,但 在 对 数 
据 的 更 新 和 删除 处 理 程序 中 , 却 必须 保证 能 够 读 取 到 记录 的 Id 值 。 

解决 的 办 法 就 是 ,在 对 GridView 控件 数据 绑 定 时 ,通过 给 DataKeyNames 属性 赋值 ， 
告诉 GridView 控件 主键 字段 是 什么 名 字 ( 这 里 即 名 为 IJ 的 字段 ) ,GridView 控件 即 可 自 
动 保存 。 例 中 代码 为 gvArticle. DataKeyNames = new string[ ] 1 "id" | 。 有 的 初学 者 易 写 
为 gvArticle. DataKeyNames = "id" ,这 样 会 出 错 ,原因 是 DataKeyNames 属性 接受 的 必须 
是 数组 类 型 。 

有 了 前 面 的 准备 , 在 对 数据 的 更 新 和 删除 处 理 程序 中 ,就 可 以 在 GridView 控件 
DataKeys 集合 的 Value 属性 中 获取 到 当前 行 的 Id 字段 值 。 例 中 相关 代码 为 gvArticle. 
DataKeys[ e. RowIndex]. Value 。 其 中 e. RowIndex 为 获取 当前 行 的 索引 号 。 

3) 当前 行 ,以 及 行 中 各 单元 格 内 对 象 的 获取 

例 中 ,获取 当前 行 对 象 的 语句 为 : 

GridviewRow gvRow = gvArticle.Rows [e.RowIndex]; 

说 明 : e. RowIndex 可 以 得 到 当前 行 索引 值 , 然 后 就 可 以 从 GridView 控件 的 行 集合 
Rows 中 得 到 当前 行 对 象 ( gvArticle. Rows[ e. RowIndex] ) 。 

返回 的 行 对 象 类 型 为 GridViewRow。 有 了 行 对 象 ,再 获取 本 行 中 各 控件 及 其 值 就 变 
得 非常 容易 了 。 如 例 中 获取 当前 行 中 第 0 个 单元 格 中 的 文本 框 ,就 可 以 写 为 : 
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TextBox txtGvTitle= (TextBox) gvRow.0ells[0] .Controls[0]; 


由 于 行 中 第 0 个 单元 格 中 只 有 1 个 控件 (TextBox 控件 ) ,所 以 通过 取 Controls 集合 
的 第 0 个 元 素 Controls[0] 即 是 。 


(二 哇 示 指 明 控件 的 类 型 ,因为 以 这 种 方式 (包括 后 面 的 FindControl 方法 ) 取 到 的 


控件 系统 是 无 法 得 知 其 原始 类 型 的 。 

4) 编辑 状态 的 设 定 

例 中 ,设置 当前 行 的 编辑 状态 的 语句 为 : 

WArticle.FEditIndex = e.NewEditIndex; 

说 明 : GridView 控件 有 个 EditIndex 属性 ,如 果 需 要 对 某 行 进行 编辑 ,只 要 将 该 行 的 
行 号 赋值 给 EditIndex 属性 即 可 ,例如 将 第 3 行 (从 0 开始 计数 ) 切 换 到 编辑 状态 ,可 以 写 
为 gvArticle. EditIndex =3。 

当前 用 户 选择 的 行 号 可 以 通过 形 参 e 的 NewEditIndex 属性 获取 , 例如 
€. NewEditIndex 。 

如 果 要 取消 编辑 状态 ,将 处 于 编辑 状态 的 行 号 设置 为 -1 即 可 ,例如 gvArticle. 
EditIndex = -1 。 

最 后 要 对 显示 数据 重新 绑 定 。 例 中 调用 了 自 定义 的 数据 绑 定 函数 : 

BincView(); 

5) 系统 时 间 的 读 取 

编写 程序 中 大 都 会 遇 到 需要 获取 系统 当前 的 时 间 的 情况 。 在 ASP. NET 中 ,所 有 的 
时 间 数 据 都 可 以 从 DataTime 和 TimeSpan 类 中 获取 。 下 面 是 一 些 常用 的 取 值 方法 ; 

// 获 取 当 前 时 间 数 据 , 比 如 当前 时 间 为 2010 年 芽 月 5 日 下 午 1 点 氏 分 5 秒 

DateTime dt = DateTime .Now; 


dt.Tostring(); // 返 回 2010 -11 -513:21:25 
dt.TorileTime () .ToString(); // 返 回 127756416859912816 


CY TorieTime 方法 可 以 将 当前 时 间 值 转换 为 Windows 文件 时 间 , 这 是 一 个 长 整 型 
数字 ,是 自 1601 年 ] 月 1 日 午夜 12:00 以 来 已 经 过 的 时 间 的 以 100 毫 微 秒 为 间隔 的 间隔 
数 。 所 以 用 它 作 为 文件 名 几乎 不 会 重复 ,如 果 是 多 用 户 同时 操作 的 程序 (比如 网 站 ) 可 以 
考虑 再 加 上 用 户 的 卫 或 编号 .用户 名 作为 尾 缓 ,或 者 增加 一 个 多 维 的 随机 数 ,或 者 以 文件 
的 字 节 数 作为 尾 组 ,都 是 比较 可 靠 的 做 法 。 


dt.ToLongpatestring () -ToString ()7 // 返 回 2010 年 1 月 5 日 
二 .TELcngrimeString () -ToString (); // 返 回 13:21:25 
dt.Year.ToString(); // 返 回 2010 
tMonth.Tostring(); // 返 回 芽 
Gt.DayofWeek.ToString ()7 // 返 回 Sabarday 
dt.Hour.Tostring(); // 返 回 13 


dt.Minute.Tostring(); // 返 回 30 
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dt.Seomnd.ToString(); // 返 回 28 

Ct.Podvears (1) .ToString(); // 返 回 2011 -11-513:47:04 

二 .MGbMpnths (1) .ToString(); // 返 回 2010-12- 513:47:04 

丝 .RMGbpays (1.1) .ToString(); // 返 回 2010 -11 - 616:11:04 

丝 .MGbHpurs (1.1) .ToString()7 // 返 回 2010 -11 - 514:53:04 

丝 .MGbMinutes (1.1) .ToString (0)7 // 返 回 2010 -11 -513:48:10 

丝 .RGseconds (1.1) -ToString ()7 // 返 回 2010 -11 -513:47:05 

此 .MGH(?) -ToString 07 //? 为 一 个 时 间 段 

dt.Eouals ("2010 -11 - 6 16:11:04") -ToString()7 // 比 较 两 个 日 期 ,这 里 返回 False 
// 计 算 两 个 日 期 之 间 的 天 数 差 


DateTime dtl = Corvert .DateTime ("2011 - 8—1"); 
DateTime dt2 = Corvert .DateTime ("2011 ~ 8 — 15"); 
TimeSpan span = dt2.Subtract (dt1); 

int dayDiff = span.Days + 1; 


// 给 日 期 增加 一 天 ,减少 一 天 


二 -BRcHDays (1); // 增 加 一 天 
ct.Acpays (—1); // 碱 少 一 天 
// 其 他 年 份 方法 类 似 
3. 使 用 模板 字段 


到 目前 为 止 , GridView 控件 在 每 个 独立 的 列 中 分 别 显 示 各 字段 数据 。 如 果 和 希望 在 同 
一 个 单元 格 中 显示 多 个 值 ;或 者 希望 在 编辑 状态 ,单元 格 中 不 再 使 用 呆板 的 TextBox 控 
件 , 而 改 为 其 他 控件 (如 RadioButtonList ,FileUpload 控件 等 ) ,甚至 是 几 个 控件 的 组 合 使 
用 ;再 或 者 使 用 其 他 任何 的 XHTML 标签 等 ,从 而 获得 自 定 义 GridView 内 容 的 不 受 限 的 
能 力 ,就 需要 使 用 模板 字段 TemplateField 。 

实际 在 使 用 GridView 控件 中 ,大 都 是 在 显示 和 编辑 这 两 种 状态 下 才 使 用 模板 字段 。 

下 面 对 上 例 中 的 “ 别 图 片 列 使 用 模板 字段 处 理 。 控 件 处 于 编辑 状态 的 效果 如 
图 16-6 所 示 。 

很 明显 ,这 种 编辑 的 方式 才 是 适合 用 户 的 使 用 习惯 的 。 


具体 操作 方法 如 下 : 

(1) 在 设计 视图 下 ,通过 快捷 任务 菜单 进入 GridView 控件 的 【字段 】 对 话 框 。 选 择 
【 选 定 的 字段 ] 框 中 的 “ 面 图 片 ” ,然后 单 击 右 侧 链接 【将 此 字段 转换 为 TemplateField】。 
(也 可 以 删除 该 字段 ,再 添加 一 个 新 的 局 TemplateField 字段 代替 它 ) 。 单 击 【 确定】 按钮 
关闭 [字段] 对 话 框 。 


(2) 再 次 展开 快捷 任务 菜单 ,选择 [ 编辑 模板 】 ,进行 模板 编辑 模式 ,如 图 16-7 所 示 。 
可 以 看 到 ,位 于 第 2 列 (表示 为 Column[2] ) 的 图 片 字段 共有 5 种 模板 编辑 模式 , 见 
表 16-4。 
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图 16-6 “ 别 图 片 " 列 使 用 模板 字段 处 理 时 编辑 状态 效果 


gvArticle — coma lo] 图 片 


ItenTenplate __ 
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HeaderTenplate 
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图 16-7 模板 编辑 模式 


表 16-4 GridView 控件 字段 的 5 种 模板 编辑 模式 
模 式 描 述 


ItemTemplate 定义 全 部 数据 单元 格 的 外 观 内 容 


AttermatinaltemTemolate。 | 定义 数据 单元 格 偶数 行 的 外 观 内 容 ,此 时 ,lemTemplate 则 负责 定义 
ee 奇数 行 单元 格 的 外 观 和 内 容 。 这 样 可 以 显示 一 种 交错 效果 


EditltemTemplate 定义 编辑 模式 的 外 观 和 使 用 的 控件 
HeaderTemplate 定义 表 头 单元 格 的 外 观 和 内 容 
FooterTemplate 定义 表 尾 单元 格 的 外 观 和 内 容 


默认 转 和 的 是 IemTemplate 模板 模式 ,这 是 负责 显示 的 模式 。 由 于 该 模板 字段 是 由 
用 户 将 名 为 “ 罚 图 片 " 列 的 ImageField 字段 类 型 转换 过 来 的 ,所 以 窗口 中 还 保留 着 一 个 
Image 控件 加 ( 如 果 前 面 不 是 通过 转换 ,而 是 选择 添加 新 的 TemplateField 字段 ,那么 这 里 
是 空 的 ) 。 现 在 这 个 Image 控件 还 与 imageUrl 数据 字段 绑 定 着 。 需 要 时 可 以 修改 (如 果 
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这 里 没有 Image 控件 ,可 以 从 [工具 箱 ] 中 拖 入 , 照 下 面 的 方法 进行 数据 绑 定 ) 。 方 法 是 : 


展开 Image 控件 的 快捷 任务 对 话 框 , 单 击 [ 编辑 DataBindings 】, 弹出 DataBindings 对 话 
框 , 如 图 16-8 所 示 。 


Iaagel DataBindings 


选择 要 晨 定 到 有 的 属性 ， 扰 后 可 迁 过 壬 择 字 自 未 竺 定 它 。 也 可 使 用 自 定 义 代码 表达 式 履 定 它 " 


可 秘 定 属性 下 ) 


图 16-8 ”Imagel DataBindings 对 话 框 


这 里 需要 绑 定 的 是 该 控件 的 ImageUrl 属性 。 在 代码 表达 式 中 添 写 Eval( " imageUrl" ) ， 
代表 Image 控件 将 显示 的 图 像 (ImageUn ) 绑 定 的 是 数据 集中 的 imageUrl 字段。 

(3) 选择 模板 编辑 模式 中 的 EditItemTemplate 模式 。 删 除 里 面 已 存在 的 TextBox 控 
件 ,向 其 中 拖 入 Image 控件 .Label 控件 .FileUpload 控件 和 Button 控件 ,并 借助 表格 布局 。 
效果 如 图 16-9 所 示 。 


[asp: Gndviews varbdel 


evArticle - Column[2] - 图 片 Gridayiew 任务 
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图 片 预 览 区 


图 片 信息 [lablImageUd] ee 
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图 16-9 ”EditltemTemplate 模式 下 的 布局 效果 


上 述 4 个 控件 的 设置 见 表 16-5。 


表 16-5 控件 设置 
控 件 设 置 
ID: imgReView 
Image ImageUrl 属性 绑 定 表 达 式 (通过 快捷 菜单 进入 DataBindings 对 话 


框 ) : Eval("imageUrl" ) 
ID: labImageUrl 


Label Text: 空 

Text 属性 绑 定 表达 式 : Eval( "imageUrl" ) 
FileUpload ID: fupImage 
Bi ID: btnUpload 


Text: 上 传 
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全 


(4) 添加 命名 空间 : using System. IO; 这 是 因为 程序 中 需要 调用 该 命名 空间 内 的 类 
File ,用 于 删除 昌文 件 。 然 后 为 其 中 的 【上传 】 按 钮 (btnUpload ) 编辑 事件 函数 。 双 击 该 控 
件 ,在 自动 生成 的 bmUpload_Click 事件 函数 内 添加 如 下 语句 : 


// 获 取 当 前 控件 的 父 控件 ( 即 当 前 单元 格 对 象 的 位 置 , 它 包含 了 这 4 个 控件 ) 
Control ctrl = ((Button) sender) .Parent; 

// 借 助 父 控件 ,从 中 寻找 获取 Irage 控 件 

Tage imgReView? = (Image)ctrl.Eindcontrol ("imgReView"); 

// 借 助 父 控件 ,从 中 寻找 获取 Tabel 控件 

Label labfmagsUrl2 = (Label)ctrl .Findoontrol ("labIrageUr1") ; 

// 借 助 父 控件 ,从 中 寻找 获取 Filedplcad 控 件 

FileUpload fupImage2 = (EileUpload) ctrl.Finacontrol ("fupIrage") ; 
// 如 果 用 户 未 选择 上 传 文件 , 则 不 再 处 理 

if (!fupmage2.HasFile) 

证 


retum; 
} 
// 获 取 当 前 所 在 的 行 (GricviewRow) 
GridViewRow gr = (GridViewRow) ctrl .Parent; 
// 借 助 当前 行 ,获取 当前 记录 的 功 值 
String strId= gvArticle.DataKeys [gr.RowIndex] .Value.ToString()7 
// 先 查询 出 旧 的 图 像 名 ,并 删除 物理 文件 。 再 上 传 新 的 图 像 , 用 新 图 像 名 更 新 旧名 
strirg stroam = Wabomnfig ratioMnager .OrmectionStrings ["LocalSql Server"] .ConnecticnStringy 
Sqlconnection conn = new SqlConnecticn (strconn); 
conn.Open ()7 
String strSql = "select * from article where id= "+ strId; 
DataSet DS = new DataSet (); 
SqlDatancapter adp = new SqlDatapdapter (strSql, oonn); 
conmn.Close (); 
SqlCmmandBui lder do = new SqlCaamrandBui lger (adp); 
adp-Fill (DS, "ryArticle"); 
DataRow tr= D8.Tables["myArticle"] .Rows [0]; 
// 依 据 记录 中 的 FL 信息 删除 旧 图 像 文件 
Hile.Delete( Server.MapPath( tr["imageUrl"] .ToString() ) ); 
// 获 取 新 上 传 的 图 像 文 件 的 扩展 名 ,如 .jpg .gif 
String 
StrExt = fupIrage? .FileName.Sibstring (fupImage? .FileNeme. 
LastIndesOf ('.') ); 


// 创 建新 图 像 文件 URL 

string strNewIrageUrl = " ~ /images/"+ DateTine .Now.ToFileTime () .TCString () + 

strpxt; 

fiplrage? .PostedFile.Savens ( Server.MapPath (strNewIrageUrl) ); // 上 传 新 图 像 文 件 

让 ["imagsUrl"] = strNewIregeUrl; // 保 存 新 图 像 文 件 DEL 
tr["pidTime"] = DateTime.Now.ToString(); // 保 存 新 上 传 时 间 


adp.Update (DS, "ryArticle"); 
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BindView (); 

(5) 修改 更 新 事件 gvArticle_RowUpdating 中 的 代码 (前 面 程序 中 加 粗 效果 部 分 ) 。 
将 原来 的 语句 : 

TExtBox txtGvImageUrl = (TextBax)gvRow.Cells[2] .Controls[0]; 
更 改 为 : 


Iabel labGvImageUrl = (Label)gvEow-Eindcontrol (mabmmagsUrlm ; 
这 是 因为 在 EditItemTemplate 模式 编辑 下 ,已 经 删除 了 默认 的 TextBox 控件 ,自己 添 
加 了 几 个 新 的 控件 ,所 以 获取 的 对 象 也 要 跟着 调整 。 
对 应 着 ,再 将 后 面 保 存 到 数据 集中 相应 字段 的 赋值 语句 ,原来 的 : 
tr ["imegeUr]"] = txtGvTmageUrl .Text; 
更 改 为 : 
tr ["imegeUr1"] = labGvTmageUrl .Text; 
下 面 是 对 程序 的 几 点 说 明 : 
1) 各 字段 中 控件 对 象 的 获取 
未 使 用 模板 字段 情况 下 ,对 各 列 中 控件 对 象 的 获取 ,需要 依次 按照 下 列 层次 进行 : 
GridView 控件 的 行 对 象 一 单元 格 对 象 一 控件 集合 第 0 个 元 素 对象 
例如 上 面 程序 中 : 


ROW.0a11s [2] .Controls[0] 


表示 GridView 控件 中 当前 行 对 象 gyRow 中 的 第 2 个 单元 格 Cells[2] 中 第 0 个 控件 
Controls[0] (实际 上 里 面 只 有 这 一 个 TextBox 控件 ) ,如 图 16-10 所 示 。 


内 容 3 
ee 一 医 朋 同 … 小 项 关 家 车 旦 2 加 2 
gvRow.Cells[O] 只 
gvRow.Cells[1] gvRow.Cells[2] 
gvRow.Cells[0] .Controls[0] gvRow.Cells[2] .Controls[0] 


gvRow.Cells[1] .Controls[0] 
图 16-10 未 使 用 模板 控件 情况 下 ,对 各 列 中 控件 对 象 的 获取 

使 用 模板 字段 情况 下 ,对 各 列 中 控件 对 象 的 获取 ,可 以 按照 下 列 层次 进行 : 

Gricview 控 件 的 行 对 象 一 使 用 Findccntrol 方法 寻找 自己 添加 的 控件 耳 

例如 上 面 程序 中 : 
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guEow-EFincpontrol (mabIimaosUrlm) 

表示 在 GridView 控件 的 当前 行 对 象 gyRow 中 寻找 ID 名称 为 labImageUrl 的 控件 。 
这 种 获取 方式 不 必 考 虑 它 位 于 第 几 个 单元 格 ,也 不 必 考虑 单元 格 内 有 几 个 控件 ,如 
图 16-11 所 示 。 


标题 内 容 


enov 一 -| 本 :区 


| 


gvRow.FindControl("labA") gvRow.FindControl("imgB") 


图 形 说 明 


Label 控 件 
大 家 好 ID 为 labA 


Image 控 件 
四 ID 为 imgB 


图 16-11 使 用 模板 控件 情况 下 ,对 各 列 中 控件 对 象 的 获取 


一 般 来 说 ,对 于 自己 添加 的 控件 (可 以 设置 Id 名 称 ) ,推荐 使 用 FindControl( " ID 名 
称 " ) 的 方式 获取 。 
2) 为 [删除 按钮 添加 删除 确认 


当 用 户 单 击 [删除 按钮 时 ,应 弹出 一 个 删除 确认 的 对 话 框 ,防止 用 户 的 误 删除 操作 ， 
如 图 16-12 所 示 。 


图 We /ooost /soe ant ind oa 


标题 内 容 图 片 发 布 日 期 


新 站 开张 全 的 生 一 个 和 丰 网 洁 ; 人 防 2010-5-26 2033: 558 编 训 直 人 


结构 化 查询 语言 (Seucaared Qu 


什么 是 SQL? 由 于 其 功能 让 言 简捷 
据 库 的 标准 语言 。 


今天 天 气 好 ,心情 也 非常 好 啊 


ET ERD) 


图 16-12 单 击 [ 删 除 ] 按 钮 时 弹出 删除 确认 对 话 框 


由 于 需要 在 每 行 记录 的 [删除] 按钮 上 都 添加 这 样 的 确认 功能 ,所 以 相关 代码 需要 写 
入 GridView 控件 的 RowDataBound 事件 内 。 该 事件 将 在 对 每 行进 行 了 数据 绑 定 后 激发 。 

操作 方法 是 , 先 选择 GridView 控件 (这 里 其 Id 名 为 gvArticle) ,然后 切换 到 [属性 ] 窗 
口 的 事件 列表 曙 ,双击 RowDataBound 事件 ,系统 自动 在 代码 页 视图 生成 名 为 gvArticle _ 
RowDataBound 事件 函数 ,在 该 事件 函数 内 添加 相关 代码 : 


Protected void gvArticle RowiDataBound (doject Sender, GridViewRowEventArgs e) 
{ 
// 只 有 当前 行 是 数据 行 (CataRow) 时 才 进 行 后面 的 处 理 
证 (e.Row.RowIype = = DatacontrolRowrype.DataRow) 
{ 
// 只 有 数据 行 处 于 正常 或 交错 显示 状态 时 才 进 行 后 面 的 处 理 
if (e.Row.RowState = = DataControlRowState.Npmmal | |e.Row.RowState == Datacontrol]RowState. 
Altemate) 
{ 
// 获 取 [ 删除 ] 按 钮 控件 欧 认 是 LinkButton 控 件 类 型 ,而 非 Bitton 类型) 
LinkBittan lbtMyDelete = (LinkButton)e.Row.0a11s [5] .Controls [0]; 
// 为 【 删除] 按钮 控件 添加 单 击 事件 属性 
JbtMypelete.Attributes["onclick"] = "rebum(ccnfimm(' 您 确认 要 删除 本 条 记录 吗 ? \\n 
【"+ e.Row.Cells[0] .Text.Trim() + ") ))"; 
} 
} 
} 


加 字符 底 纹 效果 的 代码 部 分 是 核心 。 其 中 最 重要 的 是 控件 的 Attributes 属性 集合 , 它 
是 包含 在 Web 服务 器 控件 的 开始 标记 中 声明 的 所 有 属性 的 集合 。 这 时 可 以 以 编程 方式 
向 其 中 添加 新 的 属性 (JavaScript 的 单 击 事件 属性 名 是 onclick ) 。 本 例 中 ,在 用 户 单 击 时 
弹出 一 个 JavaScript 确认 对 话 框 (JavaScript 的 弹出 确认 对 话 框 函数 是 confirm) ,并 根据 用 
户 选择 的 结果 返回 true 或 false。 

核心 代码 前 的 两 个 让 语句 是 必需 的 。 这 是 由 于 行 的 类 型 (RowType ) 除数 据 行 
(DataRow ) 外 ,还 会 包含 了 标题 行 ( Header) .脚注 行 (Footer) 、 页 导航 行 (Pager) 等 ,而 这 
些 行 是 不 需要 处 理 的 。 

另外 ,即使 对 于 一 个 数据 行 , 在 操作 的 不 同 环 节 也 会 呈现 为 不 同 状态 ,除了 正常 状态 
(Normal) 和 交错 状态 ( Alternate ) 外 ,还 会 有 编辑 状态 (Edit) .插入 状态 ( Insert) 等 ,但 是 只 
有 正常 状态 (Normal) 和 交错 状态 ( Alternate) 时 , 才 会 存在 [删除 ] 按 钮 。 

3) 模板 字段 中 各 控件 的 事件 处 理 

GridView 控件 层次 结构 是 : GridView 控件 中 包含 多 个 行 对 象 ( GridViewRow ) ,每 个 
行 对 象 又 包含 多 个 单元 格 对 象 ( DataControlFieldCell) , 每 个 单元 格 对 象 中 ,用 户 可 以 拖 放 
多 个 其 他 控件 ,如 图 16-13 所 示 。 

对 模板 字段 处 理 时 ,单元 格 对 象 中 常常 会 包含 添加 的 多 个 控件 ,如 果 在 其 中 某 控件 的 
事件 函数 中 ,要 获取 另外 几 个 控件 对 象 ,例如 前 面 的 [上 传 】 按钮 的 单 击 事件 中 ,需要 获取 
位 于 同一 处 的 Image Label FileUpload 控件 ,这 就 要 采用 回溯 的 方法 。 即 先 定位 自己 是 
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GridView 对 象 


GridViewRow 对 象 


图 16-13 GridView 控件 层次 结构 


谁 , 再 定位 自己 的 父亲 控件 是 谁 ,最 后 通过 父亲 控件 定位 要 寻找 的 兄弟 控件 。 
首先 看 一 下 例子 中 [上 传 ] 按 钮 的 单 击 事件 函数 bmUpload_Click 的 几 处 代码 : 


Protected void btrUpload Click (dbject sender, EventArgs e) 
{ 
/获取 当前 控件 的 父 控件 ( 即 当 前 单元 格 对 象 的 位 置 , 它 包含 了 这 4 个 控件 ) 
Control ctrl = ((Buttcn) sender) .Parent; 
1/ 借助 父 控件 ,从 中 寻找 获取 Irege 控 件 
JIrrage imgReView2 = (Image)ctrl.Findcontrol ("imgReView") ; 
1/ 借助 父 控件 ,从 中 寻找 获取 Iabel 控件 
Iabel labImrageUrl2 = (Label)ctrl .Findcontrol ("labIrmageUrl") ; 
// 借 助 父 控 件 , 从 中 寻找 获取 Bleoplcaa 控 件 
HileUplcad fiplrage? = (FileUpload) ctrl .Finocontrol ("fiplrage"); 


} 


回溯 前 提 是 如 何 定位 自己 。 由 于 事件 函数 的 形 参 sender( 发 送 者 ) 表 示 激 发 当前 事件 
函数 的 对 象 ,也 就 是 说 ,sender 对 象 即 是 自己 (这 里 是 被 单 击 的 Button 控件 bnUpload ) 。 
使 用 时 要 注意 显示 地 把 它 转换 为 原本 的 类 型 (如 Button) 。 

如 何 定位 自己 的 父亲 控件 ? 通过 控件 的 . Parent 属性 即 可 获取 它 的 父 控件 。 如 : 


Control ctrl = (Batton)sender) .Parent; 
如 何 定位 兄弟 控件 ?使 用 父 控件 的 FindControl( " 兄弟 控件 ID 名 " ) 。 如 : 
Tage imgReView? = (Tege) ctrl .Findoontrol (inogReView); 


有 时 定位 到 某 个 控件 进行 显示 转换 时 , 却 不 清楚 对 象 类 型 ,这 时 可 以 使 用 控件 的 
GetType( ) 方 法 获知 。 如 : 


Fesponse Mrite (ctrl .Parent..GstType ()); 
运行 后 的 输出 结果 为 : 


System.Web.UI .WebControls .GrioVienRow 


4 ASP.NET 动态 网 站 开发 教程 
这 样 ,就 知道 了 控件 ctrl 的 父 控件 类 型 为 GridViewRow 。 赋 值 时 就 可 以 写 为 ; 
GridViewRow gr = (GridViewRow) ctrl .Parent; 

4) 显示 状态 下 ItemTemplate 模板 的 使 用 


如 果 希 望 GridView 控件 在 显示 状态 下 使 用 模板 ,以 应 对 更 复杂 的 布局 ,需要 使 用 
ItemTemplate 模板 。 


(四 对 亲 字 段 应 用 模板 技术 前 ,应 先 通过 [字段 】 对 话 框 ,将 该 字段 转换 为 


TemplateField ,或 者 删除 该 字段 ,再 添加 一 个 新 的 上 晤 | TemplateField 字段 代替 它 。 

进入 GridView 控件 的 快捷 任务 菜单 ,选择 [ 编辑 模板 】, 默 认 的 模板 编辑 模式 即 是 
ItemTemplate ,这 时 在 左 侧 的 编辑 框 内 对 控件 进行 增删 . 改 即 可 。 

代码 页 中 的 相关 程序 一 般 添 加 到 RowDataBound 事件 函数 中 ,这 部 分 知识 可 以 参考 
“为 [删除] 按钮 添加 删除 确认 ”的 内 容 。 


本 章 小 结 


数据 控件 的 功能 强大 ,使 用 图 形 操作 界面 和 修改 源 标签 的 方法 只 能 发 挥 它 们 不 到 一 
半 的 功效 。 实 际 开 发 为 了 达到 更 加 灵活 的 应 用 ,往往 需要 附 以 后 台 的 编程 支持 。 本 章 重 
点 介绍 了 对 GridView 控件 的 编程 处 理 , 熟 悉 这 部 分 的 处 理 机 制 后 , 转 而 处 理 其 他 的 数据 
控件 ,如 ListView 控件 .DetailsView 控件 等 ,方式 都 相差 无 几 , 一般 情况 下 查看 Visual 
Studio 的 随机 帮助 即 能 解决 问题 。 


习题 


操作 题 : 


使 用 本 章 介 绍 的 知识 点 ,通过 使 用 编程 对 数据 绑 定 的 处 理 方式 ,对 第 15 章 的 “通讯 
录 ” 网 站 进行 改写 。 


第 人 ? 章 


综合 实例 : 简捷 动态 网 站 


通过 前 面 的 学 习 , 我 们 已 经 拥有 了 运用 ASP. NET 编写 一 些 简单 的 动态 网 站 的 基本 
技能 ,但 是 对 相关 知识 的 掌握 还 只 是 局 限 在 各 功能 模板 上 ,对 开发 一 个 实际 的 动态 网 站 还 
缺乏 整体 的 运用 。 

为 了 使 读者 能 对 本 书 各 知识 点 融会 贯通 ,进而 达到 应 用 到 具体 的 动态 网 站 的 开发 上 ， 
本 章 选 取 了 项 目 开 发 的 一 个 实际 应 用 作为 示例 ,通过 按 步骤 去 构建 一 个 较 完整 的 网 站 ,使 
大 家 更 好 地 为 未 来 信息 化 社会 里 从 事 动态 网 站 开发 工作 打下 良好 的 基础 。 

实例 首页 如 图 17-1 所 示 。 


工具 四 开 助 四 
妆 介 | 向 * 龟 加" 加 KK 
地 址 外 | 图 ht /vealbost:1445/ cnpleneb/De fant sm 司 加 


简捷 动态 网 站 首页 ”信息 动态 ”站 长 随笔 ”用 户 留言 账户 中 心 “网 站 管理 


信息 动态 


内 容 标题 
搜 太 引 于 : 蓝 看 咒 殉 是 1 各 子 技术 疆 之 应用 前 县 


首页 “信息 动态 ”站 长 随 符 ”用 户 留言 


图 17-1 实例 首页 
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17.1 前 期 准备 


一 个 正式 网 站 的 开发 ,并 不 是 刚 上 来 就 打开 Visual Studio 开始 编写 的 ,而 是 需 经 若干 
个 阶段 ,逐步 完善 。 实 际 开发 中 ,一般 要 经 过 需求 分 析 、 网 站 总 体 设计 数据库 设计 、 首 页 
开发 功能 模块 设计 、 网 站 发 布 与 测试 6 个 阶段 ,每 一 个 阶段 ,都 有 各 自 的 操作 规范 。 由 于 
本 书 关注 的 重点 在 技术 方面 ,所 以 非 技术 方面 的 内 容 就 从 简 处 理 , 这 里 主要 解决 最 通俗 
的 : 做 什么 ,有 什么 ,怎么 做 的 3 个 基本 问题 。 详 细 的 规范 可 以 到 网 上 查找 。 


( 这 里 所 说 的 是 规范 ,而 不 是 规定 ,也 就 是 说 ,开发 者 有 权利 不 去 和 守 , 但 是 和 守 这 


些 操 作 规范 却 会 令 开 发 更 加 快捷 安全、 可 移植 性 强 。 所 以 ,应 尽量 按照 相应 的 规范 来 完 
成 一 个 正式 网 站 的 开发 工作 。 


1. 做 什么 


作为 本 书 示 例 用 网 站 ,应 尽 可 能 地 涵盖 前 面 各 章 介绍 到 的 知识 点 ,还 需要 考虑 到 具有 
一 定 的 实际 使 用 价值 ,并 且 功 能 应 较为 丰富 结构 清晰 开发 周期 短 。 从 这 几 点 出 发 ,制作 
一 个 典型 的 具有 个 人 网 站 特色 的 ASP. NET 动态 网 站 是 比较 合适 的 ,在 对 整个 开发 架构 
清楚 后 ,只 要 上 略 加 修改 就 可 以 转换 成 为 新 闻 类 下载 类 教学 类 等 网 站 。 为 此 ,将 此 示例 网 
站 命名 为 “简捷 动态 网 站 ”。 

DIV +CSS 是 现在 网 页 主流 的 布局 方式 , 相 比 使 用 表格 有 很 多 优势 。 为 此 ,“ 简 捷 动 
态 网 站 ”将 尽 可 能 地 运用 DIV + CSS 方式 布局 。 


2. 有 什么 


“简捷 动态 网 站 "应 主要 具有 以 下 功能 : 

(1) 信息 的 动态 发 布 。 

(2) 站 长 随笔 动态 发 布 。 

(3) 允许 用 户 注册 ,登录 .用户 个 人 信息 管理 。 

(4) 用 户 留 言 功能 (只 有 站 长 能 看 到 ) 。 

(5) 只 有 注册 用 户 才能 查看 到 站 长 随笔 的 内 容 。 

(6) 网 站 后 台 管 理 功能 。 

(7) 对 发 布 的 信息 ,可 以 添加 "文件 下 载 "与 图 片 显示 功能 。 


3. 怎么 做 


从 无 到 有 制作 出 “简捷 动态 网 站 ” ,可 以 从 以 下 几 个 方面 人手: 
(1) 结构 设计 。 

(2) 素材 准备 。 

(3) 数据 库 设计 。 

(4) 母 版 设计 。 

(5) 首页 设计 。 
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(6) 各 栏目 页 设计 。 
(7) 后 台 设 计 。 
(8) 测试 发 布 。 


17.2 结构 设计 及 素材 准备 


根据 之 前 的 分 析 , 对 “简捷 动态 网 站 ”的 功能 结构 进行 划分 ,如 图 17-2 所 示 。 
简捷 动态 网 站 
I 


1 1 
前 台 页 面 显示 模块 后 台 系统 管理 模块 
图 17-2 “简捷 动态 网 站 "结构 图 


根据 功能 结构 ,再 确定 网 站 的 目录 结构 。 网 站 最 终 的 目录 结构 如 图 17-3 所 示 。 
目录 结构 清晰 后 ,要 对 整个 网 站 的 页 面 布局 以 及 风格 进行 设计 ,设计 之 初 不 妨 用 笔 在 
纸 上 先 勾勒 一 个 草图 ,这 样 可 以 尽量 节约 时 间 , 如 图 17-4 所 示 。 


页 头 


日 芒 images 
国 backeromnd gif 
国 bodyrepeat gif 
国 footer-side gif 
国 footer gif 
国 header gif 
DY default css 
日 区 inages 
国 noPhoto jpg 

国 aosd 

国 keeomt_ sspx 

加 neteat sspx 

口 detault.master 

国 zssey aspx 

国 Information aspx 

国 resssge sspx 

国 Register aspx 

加 wise aspx 

芒 web. confis 

| Yab sitenap 


图 17-3 ”网 站 目录 结构 图 17-4 页面 布局 


要 实现 的 布局 主要 为 4 部 分 。 
。 页 头 : 页 面 Logo 广告 菜单. 用户 登 录 以 及 站 点 路 径 信息 ; 


左边 栏 主 区 域 


[开工 工 工 工 工 工 了 
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。 页 尾 : 版 权 说 明 及 其 他 描述 信息 ; 

。 左边 栏 : 用 户 信息 .网 站 推荐 等 ; 

。 主 区域 : 各 内 容 详 情 等 。 

很 明显 ,页 头 及 页 脚 是 各 个 页 面 的 公有 部 分 ,这 样 就 可 以 通过 母 版 实现 。 

另外 ,整个 网 站 以 淡淡 的 蓝 为 主 色调 ,这 是 凉爽 .清新 .专业 的 色彩 。 它 和 白色 混合 ， 
能 体现 柔顺 ,淡雅 浪漫 的 气氛 。 

建立 起 网 页 框架 所 需 的 一 些 主要 文字 内 容 .美化 用 图 片 ,最 好 能 先 准 备 好 ,如 背景 图 
片 Logo 图 片 按钮 图 片 .各 种 小 图 标 、Flash 动画 等 都 预备 齐全 一 起 ,这 样 在 后 面 网 站 构 
建 时 ,预览 效果 能 更 直观 一 些 。 

下 面 创建 站 点 地 图 文件 。 右 击 网 站 主 目录 ,选择 [添加 新 项 1[ 站 点 地 图 】 ,系统 自动 
创建 Web. sitemap 并 打开 。 手 工 编辑 各 节点 ,代码 如 下 : 


< ?xml version= "1.0" enooding= "utf -8" ? > 
< siteMep xmlns = "http://scheras.microsoft.om/AsrNet/sitevep - File -1.0" > 
< siteMapNode title= "首页 " url = "Default.aspx"> 
< siteMapNode title= "信息 动态 " url = "Tnfommaticn.aspx"/ > 
< siteMapNode title= "站 长 随笔 " url = "Essay.aspx"/ > 
< siteMapNode title= "用 户 留言 " url = "Message.aspx"/ > 
< siteMapNode title= " 呈 户 中 心 " url = "Aooount.aspx"/ > 
< siteMapNode title= "网 站 管理 " url = "amin/Defanlt.aspzevV > 
< /siteMarNode > 
< /sitevep > 


17.3 网 站 配置 文件 设置 


向 web. config 文件 中 添加 以 下 信息 : 

(1) 数据 库 连接 配置 字符 串 。 这 一 步 就 要 决定 采用 何 种 数据 库 了 。 由 于 是 具有 个 人 
网 站 特色 的 ASP. NET 动态 网 站 ,也 为 了 与 前 面 章 节 接 轨 , 就 选择 使 用 SQL Server 2005 
Express 版 本 数据 库 ( 以 后 需要 移植 到 其 他 数据 库 平台 也 可 以 )。 使 用 SQL Server 2005 
Express 非常 方便 : 数据 库 文 件 不 必 自 己 创建 一 一 在 使 用 Visual Studio 的 【ASP. NET 网 
站 配置 工具 时 就 会 自动 生成 并 存放 到 主 目录 的 App_Data; 数 据 库 连接 字符 串 也 不 必 自 
己 编写 一 一 配置 数据 源 的 时 候 会 自动 生成 。 因 此 这 一 步 可 以 直接 跳 过 。 

(2) 字符 编码 。 考 虑 到 本 网 站 的 性 质 , 选 择 使 用 GB 2312 字符 编码 。 

在 <system. web > 节 内 添加 元 素 : 

< gldhalization filepnooding = "GB 2312" 

TeghestEnooding = "GB 2312" 
TesponseEnooding = "GB 2312"/ > 

(3) 文件 和 图 片 的 保存 路 径 。 为 了 减少 数据 元 余 , 并 提高 网 站 的 可 移植 性 ,数据 库 内 
只 保存 上 传 文件 或 图 片 的 文件 名 , 而 单独 将 路 径 信息 保存 到 web. config 中 的 

< appSettings > 标签 内 ,输入 显示 时 再 将 两 者 组 合 到 一 起 。 配 置 如 下 : 
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< apSettings > 
< ad key = "uploadDirectory" value= "~ /upload/"/ > 

< /appSettings > 

(4) 登录 模式 与 角色 配置 。 由 于 有 用 户 管理 模块 ,所 以 需要 对 登录 模式 和 角色 方面 
进行 配置 。 另 外 ,还 要 对 管理 目录 admin 设置 访问 权限 。 这 一 步 可 以 通过 【ASP. NET 网 
站 配置 ] 实 现 。 

单 击 Visual Studio 菜单 的 [ 网站】1【 ASP. NET 网 站 配置 ] 。 选 择 [【 安全】1【 使 用 安全 
设置 向 导 按 部 就 班 地 配置 安全 性 )】 ,执行 以 下 操作 : 

人 在 “选择 访问 方法 "步骤 中 ,选择 “通过 Intemet” 。 

@ 在 “定义 角色 ”步骤 中 ,选择 “为 此 网 站 启用 角色 ”。 

@ 在 “创建 新 角色 ”步骤 中 ,添加 新 角色 administrators( 管理 员 角 色 ) 和 friends( 朋友 
角色 )。 

@ 在 “创建 用 户 " 步 又 中 ,创建 一 个 新 用 户 admin( 即 未 来 的 网 站 管理 员 ) 。 

@ 在 “添加 新 访问 规则 "步骤 中 ,为 admin 子 目录 设置 允许 角色 administrators ,拒绝 
“所 有 用 户 ”。 

@ 完成 安全 设置 向 导 后 ,通过 单 击 【 管理 用 户 】1[【 编辑 角色 】 ,将 用 户 admin 添加 到 
角色 administrators 中 。 

(5) 系统 访问 的 登录 页 默认 的 名 称 是 Login. aspx ,由 于 本 网 站 的 首页 已 经 设置 了 登 
录 窗 口 ,因此 也 可 以 不 再 另行 创建 登录 页 了 ,可 以 通过 配置 web. config ,让 系统 将 登录 请 
求 自动 转向 到 首页 Default. aspx。 

对 应 的 配置 是 在 <authentication > 元素 内 ,向 其 中 添加 <form > 标签 : 


< authenticatian mode = "Ebrms" > 
< fomms loginUrl = "Default .aspx" protecticn = "Validation" timeout = "300"/ > 
< /authentication > 
(6) 使 用 主题 。 统 一 网 站 风格 ,美化 页 面 离 不 开 CSS 样式 等 ,可 以 通过 主题 来 统一 
规划 。 
右 击 用 户主 题 blue ,选择 [添加 新 项 ]1 【样式 表 】 ,新建 样式 表 default css。 添 加 如 下 
样式 : 
/* 公共 部 分 * / 
hr { 
border: 0; 
border - top: lrx solid bababa; 
height: lpx; 
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font - size: 18px; 


} 

pl 
Jine - height: 1.4em; 

} 

af 
text - decoration: none; 
color: #cB25257 

} 

a:visited { 
Color: #980000; 

} 

a:hover { 
text - decoration: underline; 
olor: #e05252; 

} 

a:active { 
olor: #980000; 

} 

body { 
background - oolor: #fffFFF; 
background - image: url (imeges/backoromnd.gif); 
background - repeat: repeat 一 x; 
margin: 0; 
padding: 0; 
text - align: oanter; 
font - size: pt; 
CDlor: #666666; 

} 

/* 页 头 部 分 * / 

-heacer { 


backoround - imege: Url (Images/header.gif); 
backoround - repeat: no — repeat; 

positian: relative; 

width: 760pg; 

height: 8lpx; 

margin - left: auto; 
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margin - right: auto; 


} 
memna { 
position: absolute; 
right: 31px; 
top: 1p; 
text - transform: uppercase; 
font - size: 10pt; 
} 
-nav { 
position: absolute; 
right: 37pe; 
top: 60px; 
text — transfom: uppercase; 
} 


mena a:visited, .nav a:visited { 


olor: #cB25257 

} 

/* 页 体 部 分 * / 

“Page { 
background - repeat: repeat — y; 
margin - left: auto; 
margin - right: auto; 
text ~ align: left; 

} 

#sidebar { 
float: left; 
width: 214px; 
height: 100%; 

} 

#content { 
margin - left: 256px; 

+ 

#hame { 


backogmounad - image: Url ('images/body - repeat..gif"'); 
positian: relative; 
width: 686pz; 
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Pedding: Opx 37px; 
} 


/* 页 脚 部 分 * / 


.footerbg { 
backoground - image: url (images/footer - side.gif); 
background - repeat: repeat — x; 
width: auto; 
height: 75px; 
text - align: oanter; 


.footer { 
backgmround - image: Url (images/footer.gif); 
background - repeat: no - repeat; 
margin - left: auto; 
margin - right: auto; 
width: 760px; 
height: 75px; 
text - align: oanter; 


-Enub a:visited { 
olor: #c32525; 
} 


在 web. config 文件 的 pages 标签 内 添加 属性 styleSheetTheme =" blue" 以 使 样式 应 用 
到 整个 网 站 。 


< Pages styleSheetTheme = "blue" > 


< /peges > 


17.4 ”数据 库 设计 


在 前 面 配置 角色 的 过 程 中 ,数据 库 ASPNETDB. MDF 已 经 自动 创建 在 App_Data 目 
录 中 ( 若 看 不 到 则 可 以 单 击 固 刷 新 ) 。 
切换 到 [服务 器 资源 管理 器 ] 窗 口 ,新 建 信息 表 user_Information ,字段 设计 如 图 17-5 


第 17 章 综合 实例 : 简捷 动态 网 站 


5 
所 示 。 
列 名 数据 类 型 区 许 Ball 
B infold int 口 主键 ， 标 识 
infoTitle nvarchar (50) 口 信息 标题 
infoContent varchar QMAX) 信息 内 容 
infoType int 口 信息 类 型 
infoFile nvarchar (50) 下 载 文件 名 
infoPhoto nvarchar (50) 展示 图 片 名 


图 17-5 表 user_Information 字段 设计 


新 建 用 户 留言 表 user_Message ,字段 设计 如 图 17-6 所 示 。 


列 各 数据 类 型 允许 Bull 
@ nseld int 器 
mseTitle nvarchar (50) 口 
nseContent varchar MAX) 
nseline datetime 回 
msaIP nehar (20) 


图 17-6 表 user_Message 字段 设计 


新 建 信息 类 型 表 user_infoType ,字段 设计 如 图 17-7 所 示 。 


列 名 数据 类 型 ER 
Y typeld int 口 主键 ， 标 识 
typalane varchar (50) 口 信息 类 型 名 称 


图 17-7 表 user_infoType 字段 设计 


为 防止 数据 管理 中 出 错 ,需要 对 表 user_Information 进行 外 键 约束 。 右 击 “ 数 据 库 关 
系 图 ” ,选择 “添加 新 关系 图 ” ,在 【添加 表 】 对 话 框 中 ,添加 表 user_Information 和 user_ 
infoType 后 ,关闭 【添加 表 ]】 对 话 框 。 拖 电 user_infoType 表 的 infold 字段 到 表 user_ 
Information 的 infoType 字段 。 生 成 关系 图 如 图 17-8 所 示 。 

然后 向 表 user_infoType 添加 两 条 新 记录 ,如 图 17-9 所 示 。 


user_infoType +* 


tmld | 
typelne | ® ingora 
| infoTitle 
| | infoContent 
| infoType 
ingorile Hr 
| intePhete Te 
2 站 长 随笔 
图 17-8 表 user_Information 和 user_infoType 关系 图 图 17-9 添加 新 记录 到 表 


user_infoType 


17.5 数据 库 操作 类 


由 于 多 个 网 页 会 对 数据 库 进行 ADO. NET 操作 , 正 像 前 面 第 14 16 章 看 到 的 ,每 个 网 
页 若 要 对 数据 库存 . 取 数据 ,除非 使 用 数据 绑 定 控件 ,否则 都 要 进行 生成 Connection 连接 
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对 象 ,打开 、 生 成 Command 命令 对 象 ,或 者 使 用 DataAdpater 对 象 填 充 等 操作 ,非常 烦琐 。 

业界 常用 的 方法 是 建立 一 个 数据 库 操作 类 ,如 SQLHelper .DBHelper AccessHelper 类 
等 ,将 对 数据 库 的 常用 操作 创建 成 若干 个 静态 函数 ,以 利于 重用 。 下 面 就 为 网 站 创建 数据 
库 操作 类 。 

右 击 网 站 主 目录 ,选择 [添加 ASP. NET 文件 夹 ] 1 App_Code, 生 成 子 目 录 App_Code， 
再 右 击 App_Code ,选择 [添加 新 项 ] 1[ 类 】 ,新建 类 DBHelper. cs, 为 其 创建 各 静态 操作 函 
数 。 代 码 如 下 : 

using System; 

Using System.Data; 

Using System.Configuraticny 

Using System.Web; 

Using System.Web.Security; 

Using System.Web.UT; 

Using System.WEb.UT.HtmlControls; 

using System.WEb.UT.WEbControlsy 

using System.WEb.UT.WEbControls .WebParts; 


Using System.Data.SqlClient; 

Public class TEHelper 

{ 
Protected sql Connection Connection; // 存 放 连 接 对 象 
protected string ConnectionString; // 存 放 
Piblic TeHelper () // 构 造 函 数 


Private void Open () 
{ 
// 判 断 数 据 库 连 接 是 否 存 在 
if (Connection= =null) 
4 
// 不 存在 ,新 建 并 打开 
Connecticn = new SqlConnecticn (ConnecticnString) > 
Connecticn.Cpen ()7 


// 存 在 ,判断 是 否 处 于 关闭 状态 
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if (Comectian.State.Fquals (ConnecticnState.Closeg) ) 


Connection-qpen (); // 连 接 处 于 关闭 状态 ,重新 打开 
} 
} 
// 公 有 方法 ,关闭 数据 库 连 接 
piblic void Close () 


{ 
证 (Connecticn.State.Eonals (ConnecticnState.Open)) 
{ 
Connecticn.Close (); // 连 接 处 于 打开 状态 ,关闭 连接 
} 
} 


// 公 有 方法 ,根据 sz 语句 ,返回 一 个 结果 数据 集 Dataset 
Public Dataset GetDatasetsql (string xsqlString) 
{ 
Open (7 
SqlDatancapter Pdapter = new SqlDatandapter (XSqlString, Connection); 
DataSet Ds = new Dataset ()7 
Pdapter.Fill (Ds); 
Close(); 
retum Ds; 
} 


// 公 有 方法 ,根据 szL 语 句 ,执行 并 返回 影响 结果 的 行 数 
piblic int ExecuteSaql (string xsqlString) 
{ 
int Count= -1; 
open(07 
Sqlcoamand ama = new SqlCommand (XSqlString, Connection); 
Count = amd.ExecuteNcnRuery (); 
Close(); 
retum Count7 


17.6 和 母 版 设计 


页 头 及 页 脚 是 各 个 页 面 的 公有 部 分 ,可 以 制作 为 母 版 。 方 法 为 : 

右 击 【解决 方 案 资 源 管理 器 】 窗口 中 网 站 主 目录 ,选择 [添加 新 项 ] 1【 母 版 页 】 ,新 建 
母 版 页 default master。 系 统 自动 打开 源 标签 视图 ,直接 在 原 有 < div > 标签 前 后 各 再 增加 
一 组 嵌 套 的 < div > 标签 。 如 下 加 字符 底 纹 的 标签 : 
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<div class= "header"> 
< 了 > 简捷 动态 网 站 < /> 
<div class= "mav" > 
</div> 

</div> 


<div> 
< asp:ContentPlacsHplaer D= "ContentPlaceHplderl" Tunat = "server" > 
< /asp:ContentPlaceHplder > 
</div> 
< div class = "footerbg" > 
<div class= "footer"> 
</div> 
</div> 


<div > 标签 的 class 属性 值 即 是 之 前 定义 的 各 CSS 样式 表 元 素 名 称 。 

然后 切换 到 设计 视图 ,系统 即时 产生 样式 效果 。 

先 从 [工具 箱 ] 中 拖 入 一 个 SiteMapDataSource 控件 。 然 后 : 

(1) 向 class 样式 名 为 header 的 <div > 标签 内 添加 一 个 Menu 控件 ,展开 该 控件 的 快 
捷 任务 菜单 ,选择 数据 源 为 SiteMapDataSourcel 。 设 置 Menu 控件 的 属性 , 见 表 17-1。 


表 17-1 Menu 控件 属性 设置 


属性 名 属性 值 省 - 必 
cssclass menua 应 用 menua 样式 
orientation Horizontal 水 平 排列 
maximumdynamicdisplaylevels 0 不 动态 显示 任何 菜单 节点 
skiplinktext [ 空 ] 为 屏幕 阅读 器 呈现 空 蔡 换文 字 
staticdisplaylevels 2 i ee 是 第 1 层 ;信息 动 


(2) 向 class 样式 名 为 footer 的 <div > 标签 内 添加 一 个 Menu 控件 , 除 cssclass 属性 
值 改 为 menub 外 ,其 他 设置 与 上 面 的 Menu 控件 相同 。 

(3) 向 class 样式 名 为 nav 的 <div > 标签 内 添加 一 个 SiteMapPath 控件 和 一 个 
LoginStatus 控件 。 

最 后 母 版 页 default. master 的 设计 视图 如 图 17-10 所 示 。 
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节点 > 艾 节点 > 当前 节点 | 车 录 


首页 ”信息 动态 。 站 长 随笔 ”用 户 留言 ”账户 中 心 ”网 站 管理 


SiteglaplataSearee - SitelapDataSourcel 


图 17-10 母 版 页 default. master 的 设计 视图 
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中 间 的 水 平 空 白条 是 ContentPlaceHolder 区 域 ,将 由 各 内 容 页 填充 。 
17.7 首页 设计 


网 站 主页 开发 阶段 是 整个 项 目 开 发 的 中 心 环节 ,也 是 最 体现 技术 含量 的 工作 ,相对 需 
要 花 更 大 量 的 时 间 和 精力 。 

(1) 删除 创建 网 页 时 默认 生成 的 首页 Default. aspx。 然 后 右 击 网 站 主 目录 ,选择 [ 添 
加 新 项 】1[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ] 复 选 框 ,新 建 网 页 Default aspx。 

(2) 在 源 标签 视图 下 ,修改 Title 属性 值 为 “首页 ” ;向 内 容 控件 ContentPlaceHolderl 
中 添加 1 个 <div> 标 签 ,并 向 其 添加 2 个 属性 : class =" page" 和 id ="home"。 

在 这 个 <div> 标 签 内 ,再 添加 2 个 <div> 标 签 ( 显示 为 页 面 的 左边 栏 和 主 区 域 ) ,分 
别 设 置 Id 属性 为 sidebar 与 content。 完 整 代码 如 下 : 

<%@ Page Ianguage = "Ch" MasterpageFile = "~ /default.master" 

PutoEventWireup = "true" CodeFile = "Default .aspx.cs" 

Inherits=" Default" Title= "首页 吧 > 


< asp:Content ID= "Contentl" ContentPlacsHolderID = "head" runat = "Server" > 
< /asp:Content > 
< asp:Content ID= "Content2" ContentPlaosHolderID= "ContentPlaosHolderl" runat = "Server" > 
< div class = "page" id= "home" > 
<div id= "sidsbar"> 
</div> 
<div 这 = "omtent"> 
</div> 
</div> 
< /asp:Content > 


(3) 切换 到 设计 视图 ,在 左 侧 Id 名 为 sidebar 的 < div> 标签 内 拖 人 一 个 LoginView 
控件 。 展 开 其 快捷 任务 菜单 ,在 AnonymousTemplate 模板 视图 内 拖 入 Login 控件 ,设置 
CreateUserText 属性 为 “用 户 注册 ”, 设 置 CreateUserUrl 属性 为 ”~/Register. aspx”; 在 
LoggedInTemplate 模板 视图 内 拖 入 LoginName 控件 。 

(4) 在 右 侧 Id 名 为 content 的 < div> 标 签 内 拖 人 两 个 GridView 控件 ,修改 这 两 个 
GridView 控件 的 Id 属性 分 别 为 gvInformat 和 gvEssay ,分 别 用 以 显示 “信息 动态 ”和 “站 
长 随笔 "两 个 栏目 。 中 间 可 添加 水 平 线 控件 加 Yorizonta zas 分隔 美 化 (位 于 [工具 箱 ] 的 
HTML 组 内 )。 

(5) 为 GridView 控件 (gvInformat) 设置 数据 显示 。 首 先 在 [ 属性】 窗口 中 设置 控件 
Width 为 420px ,然后 展开 【 GridView 任务 ] 菜 单 ,在 [选择 数据 源 ] 列 表 中 单 击 “ 新 建 数 据 
源 ”, 弹 出 [数据 源 配置 向 导 】 对 话 框 。 

(6) 在 [应 用 程序 从 哪里 获取 数据 ] 中 选择 “数据 库 ” ;在 【选择 您 的 数据 连接 】 中 单 
击 [ 新 建 连接 】 ,弹出 [添加 连接 ] 对 话 框 ,其 中 “数据 源 " 选 择 “Microsoft SQL Server 数据 


库 文件 ”, 在 【数据库 文件 名 】 中 选择 网 站 App_Data 目录 下 的 ASPNETDB. MDF。 
(7) 在 [将 连接 字符 串 保 存 到 应 用 程序 配置 文件 ( web. config) 中 】 选 择 “ 是 ,将 此 连 
接 另存 为 ASPNETDBConnectionString”。 


( 通过 展开 “连接 字符 囊 ” ,可 以 查看 到 已 经 生成 的 连接 字符 囊 : 


Data Souroe = . NSQLEXFRESS; AttadhIbEilenare = D: \examplewsb pp Data\ 
RSENETTB.MDE; 
Integrated Security = Truey Connect Timeout = 30; User Instance= True 
其 中 包括 了 绝对 路 径 *D:\exampleWeb\App_Data\” ,这 会 降低 网 站 的 可 移植 性 。 解 
决 的 办 法 是 编辑 web. config 文件 ,使 用 系统 变量 “ 1DataDirectory1 "代替 该 绝对 路 径 。 即 
更 改 为 : 


Data Source = . NSQLEXEPRESS; MttachrbFilename = |DataDirectory| RSENEITB.MDF7 
Integrated Security = True; Connect Timeout = 30; User Instance= True 
系统 变量 “ | DataDirectory1" 在 调用 时 ,会 自动 定位 当前 网 站 目录 下 的 App_Data 子 
目录 。 
(8) 在 “配置 Select 语句 "中 ,选择 “指定 自 定义 SQL 语句 或 存储 过 程 ” , 单 击 【下 一 
步 ] 按 钮 。 
(9) 在 “定义 自 定义 语句 或 存储 过 程 " 中 ,为 SELECT 添加 SQL 语句 如 下 : 


SETIRCT TOP 10 [infoTitle]l, [infoId] FRM [user Informmaticn] WHERFE [infcrype] =1 CRCER BY [infoId] TESC 


其 作用 是 查询 最 新 发 布 的 10 条 信息 类 型 为 1( 信息 动态 ) 的 记录 的 标题 ,类 型 和 主 
键 。 最 后 单 击 【 完成 按钮 结束 配置 向 导 。 
(10) 从 【GridView 任务 ] 菜单 中 选择 [ 编辑 列 】, 弹 出 [字段 】。 在 * 选 定 的 字段 列表 ” 
中 删除 infoTitle 和 infold 字段 ,添加 一 个 HyperLinkField 类 型 字段 ,并 设置 如 下 属性 , 见 
表 17-2。 
表 17-2 HyperLinkField 类 型 字段 属性 设置 


属性 名 属性 值 含义 
DataNavigateUrlFields infold 导航 链接 用 字段 
DataNavigateUrlFormatString view. aspx? id = |0| 导航 链接 格式 
DataTextField infoTitle 链接 显示 的 文本 用 字段 
HeaderText 内 容 标题 标题 显示 文本 


ShowHeader False 不 显示 标题 


(11) 接 下 来 为 GridView 控件 ( gvEssay ) 数 据 显示 进行 设置 。 方 法 与 GridView 控件 
(gvInformat) 的 设置 步骤 完全 一 样 ,主要 注意 以 下 几 点 : 

中 需要 为 GridView 控件 ( gvEssay ) 再 新 建 一 个 数据 源 ; 

@ 在 “选择 您 的 数据 连接 " 中 不 必 再 新 建 连接 ,而 是 展开 下 拉 列 表 , 选 择 由 前 面 
GridView 控件 ( gvInformat) 创 建 并 保存 的 数据 连接 字符 串 “ASPNETDBConnectionString”; 

@ 在 “定义 自 定义 语句 或 存储 过 程 " 中 ,将 SELECT 添加 的 SQL 语句 修改 为 : 
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SETECT OP 10 [inforitle], [inford] FEOM [user Informaticn] WHERE [inforype] =2 CRIER BY [inford] FESC 


其 作用 是 查询 最 新 发 布 的 10 条 信息 类 型 为 2( 站 长 随笔 ) 的 记录 的 标题 .类 型 和 
主键 。 
最 终 首页 的 设计 效果 如 图 17-11 所 示 。 


图 17-11 首页 设计 效果 


17.8 各 栏目 页 设计 
各 栏目 页 的 设计 与 首页 类 似 。 
17.8.1 信息 动态 页 设计 


信息 动态 页 用 来 展示 网 站 的 新 闻 信息 ,并 具有 分 页 功能 。 

(1) 右 击 网 站 主 目录 ,选择 [添加 新 项 ]1[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ) 复 选 框 ， 
新 建 信息 动态 网 页 Information. aspx。 

(2) 在 源 标签 视图 下 , 修改 Tite 属性 值 为 “信息 动态 页 "; 向 内 容 控 件 
ContentPlaceHolderl 中 添加 3 个 <div > 标签 ,格式 与 首页 完全 一 样 。 

(3) 切换 到 设计 视图 ,在 左 侧 Id 名 为 sidebar 的 < div> 标 签 内 拖 和 人 一 个 LoginView 
控件 。 展 开 其 快捷 任务 菜单 ,在 AnonymousTemplate 模板 视图 内 拖 和 人 Login 控件 ,设置 
CreateUserText 属性 为 “用 户 注 册 ”, 设置 CreateUserUrl 属性 为 ”~/Register. aspx”; 在 
LoggedInTemplate 模板 视图 内 拖 入 LoginName 控件 。 

(4) 在 LoginView 控件 的 下 方 再 拖 人 一 个 DetailsView 控件 (设置 Id 名 为 dvPhoto ) ， 
用 于 显示 信息 动态 栏目 最 新 的 一 张 照片 。 首 先 设置 Width 为 180px, 然后 展开 
【DetailsView 任务 菜单 ,在 [选择 数据 源 ] 列表 中 单 击 “新 建 数据 源 ”, 弹 出 [数据 源 配置 
向 导 】 对 话 框 。 
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(5) 数据 源 的 配置 与 前 面 类 似 ,注意 的 地 方 是 : 

中 在 “选择 您 的 数据 连接 ”中 选择 由 前 面 创建 并 保存 的 数据 连接 字符 串 
“ASPNETDBConnectionString” ; 

@ 在 “定义 自 定义 语句 或 存储 过 程 "中 ,为 SELECT 添加 SQL 语句 如 下 : 

SEIECT TOP 1 [inforitle], [ infophoto ], [infoId] FROM [user Informaticn] WHERE [inforype] =1 

AD [infoFhoto] < >"" CRIFR BY [infoId] TESC 

其 作用 是 查询 最 新 发 布 的 1 条 含 照片 的 信息 动态 。 

(四 由 于 系统 对 标签 边界 符 * <" 和 * > "会 出 于 安全 目的 而 自动 进行 HTML 编码 ,所 
以 配置 数据 源 结束 后 ,应 切换 到 源 标签 视图 ,检查 SQL 语句 中 的 不 等 于 ( < > ) 符 号 ,是 否 
被 误 编 码 为 "&lt;&gt;”, 若 是 ,需要 手动 改 回 为 " < >”。 

(6) 从 [DetailsView 任务 ] 菜 单 中 选择 [编辑 字段 】 ,弹出 [字段 ] 对 话 框 。 在 “ 选 定 的 
字段 列表 "中 删除 infoTitle ,infoPhoto 和 infoId 字段 ,添加 一 个 HyperLinkField 类 型 字段 和 
一 个 ImageField 类 型 字段 ,并 设置 属性 , 见 表 17-3。 


表 17-3 字段 属性 设置 


类 型 字段 属 性 名 属性 值 含义 
DataNavigateUrlFields infold 导航 链接 用 字段 
DataNavigateUrlFormatString | view. aspx? id = 10| | 导航 链接 格式 
DataTextField infoTitle 链接 显示 的 文本 用 字段 
HyperLinkField = = 

HeaderText 标题 说 明 标题 显示 文本 

ShowHeader False 不 显示 标题 

ItemStyle/ HorizontalAlign Center 水 平 居 中 

DatalmageUrlField infoPhoto 图 片 URL 所 在 字段 

DatalmageUrlFormatString Upload/ 10| 显示 图 片 的 格式 (加 上 了 目录 ) 
ImageField HeaderText 标题 说 明 标题 显示 文本 

ShowHeader False 不 显示 标题 

ControlStyle/ Width 180px 显示 宽度 


(7) 在 右 侧 Id 名 为 content 的 < div> 标 签 内 拖 人 1 个 GridView 控件 ,修改 Id 属性 为 
gvInformation ,用 以 显示 完整 的 “信息 动态 "栏目 。 

(8) 为 GridView 控件 ( gvInformation) 设置 数据 显示 。 方 式 与 前 面 首页 Default. aspx 
中 的 同名 GridView 控件 类 似 ,需要 注意 的 地 方 是 : 

(| 需要 新 建 一 个 数据 源 ; 

@) 在 “选择 您 的 数据 连接 ”中 选择 由 前 面 创 建 并 保存 的 数据 连接 字符 串 
“ASPNETDBConnectionString”; 

@ 在 “定义 自 定义 语句 或 存储 过 程 "中 ,为 "SELECT" 添 加 SQL 语句 如 下 : 


SETIRCT [inforitle], [inford] FEOM [user Information] WHERE [infoType] =1 CRIER BY [infoId] TESC 
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其 作用 是 查询 所 有 的 信息 动态 。 

(9) 从 【GridView 任务 ] 菜 单 中 选择 [编辑 列 】 ,弹出 [字段 ] 对 话 框 。 设 置 方 法 与 首 
页 GridView 控件 ( gvInformation ) 的 设置 相同 。 

(10) 在 [GridView 任务 ] 菜单 中 选择 [启用 分 页 ] 和 [启用 排序 】。 

(11) 设置 GridView 控件 (gvInformation ) 的 PageSize 属性 为 20 ,PagerStyly 的 子 属性 
HorizontalAlign 为 Right。 

最 终 信息 动态 页 的 设计 效果 如 图 17-12 所 示 。 


加 | 
SulataSomr ee ~ SiDateseureel 


图 17-12 信息 动态 页 设计 效果 


17.8.2 站 长 随笔 页 设计 


右 击 网 站 主 目录 ,选择 [添加 新 项 ] 1[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ) 复 选 框 ,新 建 
站 长 随笔 网 页 Essay. aspx。 

从 基本 功能 上 看 ,站 长 随笔 页 与 信息 动态 页 的 设计 大 致 相同 ,最 主要 的 区 别 在 于 从 数 
据 源 中 获取 的 信息 类 型 由 1 转换 为 2。 涉 及 的 部 位 共有 2 处 : 

(1) SqlDataSource 控件 (ID 为 SqlDataSourcel ) 的 SelectCommand 属性 值 改 为 : 


SEIPCT TOP 1 [inforitle], [infoFhoto], [infoId] FROM [user Informaticn] WHERE [inforype] =2 AD 
[infoFEhoto]l < > '"' CRIER BY [infoId] DESC 

(2) SqlDataSource 控件 (ID 为 SqlDataSource2 ) 的 SelectCommand 属性 值 改 为 : 
SETRCT [inforitle], [inford] FROM [user Informration] WERE [inforype] = 加 CROER BY [infora] Tsc 


可 以 采用 一 个 快捷 的 方法 来 构建 该 网 页 , 即 从 已 经 创建 好 的 信息 动态 网 页 Information. 
aspx 中 ,切换 到 源 标签 代码 ,将 ContentPlaceHolder 控件 (ContentPlaceHolderID 名 为 
ContentPlaceHolderl ) 内 的 全 部 代码 ,复制 至 站 长 随笔 网 页 Essay. aspx 的 ContentPlaceHolder 
控件 内 ,然后 再 逐一 对 涉及 部 分 的 代码 进行 修改 。 
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另外 ,根据 设计 要 求 , 站 长 随笔 页 的 文章 内 容 只 能 被 注册 用 户 访问 ,因此 ,还 需要 对 本 
页 进行 一 些 针对 性 的 完善 。 
(1) 在 GridView 控件 上 方 添加 一 个 Label 控件 (更 改 Id 属性 值 为 labEssay ) 用 于 提 
示 , 设 置 Text 属性 值 为 “ 非 注册 用 户 只 能 查看 本 栏目 的 信息 标题 ,而 无 权 查看 信息 的 具体 
内 容 !”。 
(2) 设置 左 侧 预览 图 片 的 DetailsView 控件 (dvPhoto ) 的 Visible 属性 值 为 *False”。 
(3) 切换 到 代码 页 ,在 Page_Load 事件 函数 内 添加 如 下 代码 : 
证 (User.Tdentity. TsAuthenticated) // 如 果 当 前 用 户 已 经 登录 
{ 
lakEssay.Visible= false; 
dvEhoto.Visible = true; 
} 


17.8.3 信息 显示 页 设计 


当 用 户 单 击 前 面 各 页 的 信息 标题 链接 时 ,都 会 调用 信息 显示 页 View. aspx ,调用 的 
URL 中 同时 也 携带 着 Id( 该 记录 主键 ) 参 数 ,格式 如 : 


http:// 服 务 器 地 址 / Wew.aspx? id= 123 


该 页 的 任务 就 是 获取 URL 中 的 参数 ,然后 依据 参数 到 数据 源 中 查询 到 对 应 记录 ,并 
显示 到 页 面 上 。 同 时 ,也 对 访问 站 长 随笔 类 型 信息 的 用 户 权限 进行 判断 ,以 决定 是 否 提供 
显示 。 

(1) 右 击 网 站 主 目录 ,选择 [ 添加 新 项 ] |[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ] 复 选 框 ， 
新 建 信息 显示 页 View. aspx。 

(2) 在 源 标签 视图 下 , 修 改 Title 属性 值 为 “信息 显示 "; 向 内 容 控 件 
ContentPlaceHolderl 中 添加 1 个 <div> 标 签 ,添加 2 个 属性 : class ="page" 和 id ="home" 。 

(3) 切换 到 设计 视图 ,向 <div> 标 签 内 拖 和 2 个 Label 控件 .1 个 Image 控件 和 1 个 
HyperLink 控件 ,并 设置 属性 , 见 表 17-4。 


表 17-4 各 控件 属性 设置 


控 件 属性 名 属性 值 外 围 格式 标签 
Label Id labTitle <h3> 
信息 标题 Text [ 空 ] 

Label Id labContent <p> 
信息 内 容 Text [ 空 ] 
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续 表 
控 件 属性 名 属性 值 外 围 格式 标签 
Image Id imgPhoto <p > 
信息 照片 Visible False 
Id hlkFile <p> 
pd 机 Text 相关 文件 下 载 
Visible False 


设计 效果 如 图 17-13 所 示 。 


| ConteT rs kenolet (EN)] 
[labTitle] 


图 17-13 信息 显示 页 设计 效果 


(4) 单 击 [解决 方案 资源 管理 器 】 的 查看 代码 按钮 国 ,切换 到 代码 视图 ,在 Page_Load 
友人 件 函数 中 书写 如 下 代码 : 

// 确 保 参 数 已 经 传送 过 来 

if (Reqpest["id"] = = mul) 

{ 


retum; 
# 


String strId= Request ["id"] .ToString()7 
string strsql = "SETECT infomitleyinforypeinfocontent,infoFhotoinfoFile FROMuser Informaticn WHERE 
infold= "+ strId; 
DEHelper ah = new TEHelper (); 
Dataset D8 = dh.GetDatasetsql (strsql); 
证 (08.Tables[0] .Rows.Cont = =0) // 若 没有 查询 到 则 返回 
{ 
retm; 
} 
labritle.Text = DS.Tables[0] .Rows [0] ["inforitle"] .ToString (); 


int intTypeld= int.Farse(DS.Tables[0] .Rows[0] ("infoType"] .ToString ()); 
// 如 果 用 户 访问 的 信息 类 型 是 “站 长 随笔 "类 ,并 且 该 用 户 还 未 登录 , 则 提示 并 不 再 输出 
if (intryperd= =2 && !User.1dentity.TsAuthenticated) 
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{ 
labomtent.Tex+=' 非 注册 用 户 只 能 查看 本 栏目 的 信息 标题 ,而 无 权 查 看 信息 的 具体 内 容 1"; 
retum; 

» 


string strContent = DS.Tables[0] .Rows[0] ["infocontent"] .ToString (); 
// 编 码 输入 ,将 空格 蔡 换 为 snbsp; 将 换行 蔡 换 为 < br/ > 标签 
latontent .Text = strontent .Replaoe (" ", "gribesp;") .Replace("\p", "<br/>"); 
string strpath = WebConfiguraticrManager.AppSettings ["uploadDirectory"]; 
string strFhoto = D6.Tables[0] .Fows[0] ["infophoto"] .ToString (); 
if (strEhoto.Trim() !1="") // 若 当前 记录 存在 照片 字符 串 即 不 是 空 串 ) 
{ 
inmgEhoto.Visible = true; 
imgEhoto. ImageUr] = strpath + strFhoto; 
} 
string strFile = DS.Tables [0] .Rows [0] ["infoFile"] .ToString (); 
if (strFile.Trim()!="") 
{ 
hlkEile.Visible = true; 
hlkFile.NavigateUr] = strPath + strFile; 
} 


17.8.4 用 户 留言 页 设计 


用 户 留言 页 即 可 以 采用 DetailsView 控件 加 数据 源 的 方式 构建 ( DetailsView 控件 支 
持 插 和 人 功能 ) ,也 可 以 使 用 标准 控件 结合 代码 页 编程 的 方式 构建 。 为 使 本 网 站 后 期 有 更 
大 的 升级 空间 ,这 里 采用 后 者 。 

(1) 右 击 网 站 主 目录 ,选择 [ 添加 新 项 ] ![ Web 窗 体 】 ,并 选中 [选择 母 版 页 ) 复 选 框 ， 
新 建 用 户 留 言 网 页 Message. aspx。 

(2) 在 源 标签 视图 下 , 修改 Title 属性 值 为 “用 户 留 言 "; 向 内 容 控 件 
ContentPlaceHolderl 中 添加 1 个 <div> 标 签 ,添加 2 个 属性 : class ="page" 和 id ="home"。 

(3) 切换 到 设计 视图 ,在 新 建 的 <div> 标 签 内 ,通过 单 击 菜单 的 [ 表 】1【 插 入 表 】 , 插 
入 一 个 4 行 2 列 的 表格 进行 留言 界面 的 布局 。 

(4) 向 表格 内 拖 人 2 个 TextBox 控件 、1 个 RequiredFieldValidator 验证 控件 .1 个 
Button 控件 和 1 个 Label 控件 ,并 设置 属性 , 见 表 17-5。 


表 17-5 表格 内 各 控件 属性 设置 


控 件 属性 名 属性 值 
TextBox Id txtTitle 
留言 标题 Width 330px 
RequiredFieldValidator ControlToValidate txtTitle 
留言 标题 必 填 ErrorMessage 请 填写 留言 标题 
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续 表 
控 件 属性 名 属性 值 

ID txtContent 
TextBox Rows 8 
留言 内 容 TextMode MultiLine 

Width 350px 
Button ID btnSave 
提交 留言 Text 确定 
Label ID labMessage 
信息 反馈 Text [本 


设计 效果 如 图 17-14 所 示 。 


[dvshome pageJdet (BEV)] 


图 17-14 用 户 留言 页 设计 效果 


(5) 双击 Button 控件 [确定 】, 系 统 自动 切换 到 代码 视图 ,并 生成 binSave_Click 事件 
函数 。 在 其 中 书写 如 下 代码 : 


string strTitle = txtTitle.Text; 
string strContent = txtoontent..Text; 
string strIP= Request .UserHostAcHress; // 获 取 留 言 者 下 地 址 
string strsql = "INSERT INIO user Message (msgTitle, msgoontent,megIP) VALUES ('™ + strTitle + my 十 
stroontent + my + strIP+ ")"™; 
IEHelper h= new TPHelper 07 // 创 建 数据 操作 类 实例 
证 (dh.Executesa (strsq) > -1) 
{ 
ladMessage.Text = "留言 提交 成 功 !"; 
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1a6Message.Text = "留言 提交 失败 ,请 与 网 管 联系 "; 


17.8.5 ”账户 中 心 页 设计 


账户 中 心 网 页 在 用 户 未 登录 情况 下 访问 显示 一 个 登录 框 ,如 果 已 经 登录 , 则 可 以 进行 
修改 密码 的 操作 。 

(1) 右 击 网 站 主 目录 ,选择 [ 添加 新 项 ]1[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ) 复 选 框 ， 
新 建 网 页 Account. aspx。 

(2) 在 源 标签 视图 下 ,修改 Tite 属性 值 为 “账户 中 心 "; 向 内 容 控 件 
ContentPlaceHolderl 中 添加 1 个 <div> 标 签 ,添加 2 个 属性 : class = "page" 和 id ="home" 。 
在 该 <div> 标 签 内 ,再 添加 1 个 <div> 标 签 ,添加 属性 id = "content" 。 

(3) 切换 到 设计 视图 ,向 <div> 标 签 内 拖 人 一 个 LoginView 控件 。 展 开 其 快捷 任务 
菜单 ,在 AnonymousTemplate 模板 视图 内 拖 入 Login 控件 ,在 LoggedInTemplate 模板 视图 
内 拖 和 人 1 个 LoginName 控件 和 1 个 ChangePassword 控件 。 

设计 效果 如 图 17-15 所 示 。 


图 17-15 ”账户 中 心 网 页 设计 效果 


17.8.6 ”用 户 注 册页 设计 


(1) 右 击 网 站 主 目录 ,选择 [添加 新 项 ]1[ Web 窗 体 】 ,并 选中 [选择 母 版 页 ) 复 选 框 ， 
新 建 用 户 注册 网 页 Register. aspx。 

(2) 在 源 标 签 视图 下 , 修改 Title 属性 值 为 “用 户 注 册 ”; 向 内 容 控 件 
ContentPlaceHolderl 中 添加 1 个 <div> 标 签 , 添 加 2 个 属性 : class =" page" 和 id = 
"home" 。 在 该 <div> 标 签 内 ,再 添加 1 个 <div> 标 签 ,添加 属性 id = " content" 。 

(3) 切换 到 设计 视图 ,向 <div> 标 签 内 拖 和 一 个 CreateUserWizard 控件 。 

设计 效果 如 图 17-16 所 示 。 
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图 17-16 用 户 注册 网 页 设计 效果 


17.9 ”后台 设计 
后 台 网 页 可 以 对 网 站 的 新 闻 信息 ,站 长 随笔 .用户 留言 ,以 及 注册 用 户 进行 管理 。 


17.9.1 结构 安排 


结构 安排 上 ,将 在 页 面 的 左 侧 显 示 功 能 链接 , 右 侧 则 采用 内 骸 框 架 方 式 。 当 单 击 左 侧 
管理 菜单 后 , 右 侧 会 联动 显示 目标 功能 网 页 。 下 面 先 创建 必需 的 4 个 网 页 。 

(1) 右 击 网 站 主 目录 下 的 admin 子 目 录 ,选择 [ 添 加 新 项 ] |【 Web 窗 体 】 ,并 选中 【[ 选 
择 母 版 页 ] 复 选 框 ,新 建 后 台 主 管理 网 页 Default. aspx; 

(2) 右 击 网 站 主 目录 下 的 admin 子 目 录 ,选择 [ 添 加 新 项 ] |【 Web 窗 体 】 ,并 取消 【 选 
择 母 版 页 ] 复 选 框 ,新建 后 台 欢 迎 网 页 Welcome. aspx; 

(3) 右 击 网 站 主 目录 下 的 admin 子 目 录 ,选择 [添加 新 项 ] |【 Web 窗 体 】 ,并 取消 【 选 
择 母 版 页 ] 复 选 框 ,新 建 后 台 内 容 管 理 网 页 Manage. aspx; 

(4) 右 击 网 站 主 目录 下 的 admin 子 目 录 , 选 择 [添加 新 项 ]1[ Web 窗 体 】 ,并 取消 【 选 
择 母 版 页 ] 复 选 框 ,新 建 后 台 留 言 管理 网 页 Message. aspx。 


17.9.2 主管 理 网 页 设计 


(1) 在 Default. aspx 页 源 标签 视图 下 ,修改 Title 属性 值 为 “后 台 管理 ” ;在 内 容 控件 
ContentPlaceHolderl 中 添加 下 列 标签 。 


< div class = "page" id= "hame" > 
<div id= "sidsbar" > 
</div> 
< ifrme src= WEIome.aspx name= "MnegeFrare" width= "27” height = "80" 
frameborder = "On margirwidth = "On margirheight ="0" > < /ifrane > 
</div> 
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(2) 切换 到 设计 视图 ,在 左 侧 Id 名 为 sidebar 的 < div > 标签 内 依次 拖 入 1 个 
LoginName 控件 1 个 GridView 控件 (更 改 Id 名 为 gvType) 和 1 个 HyperLink 控件 (更 改 
Id 属性 为 hkMessage,Width 为 100% ) 。 

(3) 为 GridView 控件 (gvType) 绑 定 信息 类 型 链接 。 展 开 其 快捷 任务 菜单 ,选择 新 
建 数据 源 ,操作 方法 与 前 面 大 致 一 样 ,需要 调整 是 在 [配置 Select 语句 】 步 骤 中 ,选择 [ 指 
定 表 或 视图 的 列 】 下 的 表 user_InfoType,【 列 】 选 择 全 部 (* ) 。 

再 次 选择 快捷 任务 菜单 中 的 【编辑 列 】, 删 除 【[ 选 定 的 字段 】 列表 中 的 typeld 和 
typeName ,然后 添加 一 个 HyperLinkField 类 型 字段 ,并 设置 属性 , 见 表 17-6。 


表 17-6 GridView 控件 (gwType) HyperLinkField 类 型 字段 属性 设置 


属 性 名 属 性 值 


DataNavigateUrlFields typeld 
DataNavigateUrlFormatString Manage. aspx? typeld = |0| 
DataTextField typeName 

HeaderText 内 容 管理 

GridLines None 


Target ManageFrame 


(4) 设置 HyperLink 控件 (hlkMessage) 属性 , 见 表 17-7 
表 17-7 HyperLink 控件 属性 设置 


属性 名 属性 值 属性 名 属性 值 
用 户 留言 管理 
~/admin/ Message. aspx 


Text ManageFrame 


NavigateUrl 


设计 效果 如 图 17-17 所 示 。 


fle:D:icxample WebladminfWelcome.aspx 


图 17-17 主管 理 网 页 设计 效果 
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17.9.3 欢迎 网 页 设计 


由 于 欢迎 网 页 Welcome. aspx 是 符 入 主管 理 页 Default. aspx 的 框架 内 显示 的 ,所 以 不 
能 像 其 他 网 页 那样 应 用 同样 的 样式 主题 。 为 此 ,需要 在 Welcome. aspx 页 源 标签 视图 下 ， 
修改 第 1 行 的 Page 指令 标签 ,为 其 添加 一 个 新 属性 StyleSheetTheme = "" ,表示 当前 网 页 
使 用 空 样式 主题 。 修 改 后 的 Page 指令 标签 如 下 : 


<%@ Page Ianguage = "C#" RbcpventWirep= "true" CodeFile= "MEnage.aspg-cs" 
Inherits = "admin Manage" StyleShestIhene =™ 名 > 


然后 ,在 该 页 <head > 标签 内 ,单独 添加 页 面 样式 : 


< style type = "text/css" > 
body 
{ 
background - color: #ffffff; 
margin: 07 
Paading: 07 
fcnt - size: 9pt7 
CDlor: #666666; 
} 
</style> 
同 理 , 后 面 也 要 对 Manage. aspx 和 Message. aspx 页 进行 同样 的 修改 。 
然后 ,切换 到 设计 视图 ,输入 欢迎 信息 “欢迎 进入 后 台 管 理 界面 ,请 单 击 左 侧 的 链接 
选择 您 的 管理 目标 。” 


17.9.4 内 容 管理 网 页 设计 


首先 依照 欢迎 网 页 Welcome. aspx 的 方式 添加 内 容 管 理 网 页 Manage. aspx。 

为 了 便于 理解 ,可 以 将 内 容 管理 网 页 划分 为 “内 容 更 新 模块 "和 * 标 题 预 览 模块 "两 部 
分 ,如 图 17-18 所 示 。 

(1) 内 容 更 新 模块 界面 设计 。 

首先 插入 一 个 6 行 3 列 的 表 , 按 图 17-18 所 示 进 行 合并 .调整 宽度 等 操作 ,然后 拖 人 
各 控件 ,属性 设置 见 表 17-8。 

(2) 标题 预览 模块 界面 设计 。 在 内 容 更 新 模块 下 方 再 拖 和 人 一 个 GridView 控件 (Id 
名 改 为 gvList, HorizontalAlign 设 为 Center,Width 为 400px) 。 

展开 快捷 任务 菜单 ,选择 新 建 数据 源 。 方 法 与 前 面 类 似 , 注 意 下 面 的 几 个 位 置 要 做 一 
些 调整 

GD 在 [配置 Select 语句 】 步骤 中 ,要 选择 表 user_Information, 列 只 选择 infold 和 
infoTitle; 单 击 WHERE ,在 [添加 WHERE 子 句 】 窗 口中 ,依次 选择 列 (infoType) .运算 符 
( =) . 源 (QueryString) .QueryString 字段 (typeld) ,然后 单 击 [ 添 加] 按钮 ; 
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标题 : [ 请 填写 主题 
了 


内 容 : 


aa 内 容 更 新 模块 


MiddenField - hidld 


标题 预览 模块 


SqlDateSource - SalDatasourcel 


图 17-18 ”内 容 管理 网 页 


表 17-8 表 中 各 控件 属性 设置 


控 件 属性 名 属性 值 
TextBox ID txtTitle 
输入 标题 文本 Width 200px 
RequiredFieldValidator ControlToValidate txtTitle 
标题 必 填 验证 ErrorMessage 请 填写 标题 
ID txtContent 
TextBox Rows 6 
输入 内 容 文本 TextMode MultiLine 
Width 260px 
ee ID fupPhoto 
ID imgPhoto 
Image ImageUrl ~/images/noPhoto. jpg 
照片 预览 Height 116px 
Width 100px 
HyperLink ID hlkFile 
文件 下 载 Text 文件 下 载 


SO RAR 多 


续 表 
控 件 属性 名 属性 值 

Button D btnUpdate 
提交 按钮 二 而 

ID lbtAdd 
LinkButton 一 
切换 到 添加 方式 Bas 切换 到 添加 

Visible False 
HiddenField 
隐藏 字段 控件 ,可 用 来 保存 数据 ID hidId 
记录 的 主键 


O@) 单 击 ORDER BY ,在 [添加 ORDER BY 子 句 ] 窗 口中 ,排序 字段 选择 infold ,降序 


排列 ; 


@ 单 击 [ 高级] 按钮 ,在 [高 级 SQL 生成 选项 ] 窗口 中 ,选择 [生成 INSERT .UPDATE 


和 DELETE 语句 】 与 [使 用 开放 式 并 发 】 两 个 复 选 框 ; 


@ 在 快捷 任务 菜单 中 选择 [启用 分 页 ] 【启用 排序 ] 【启用 删除 ] 【启用 选 定 


内 容 】; 
@ 选择 快捷 任务 菜单 中 的 【编辑 列 】, 在 [字段] 对 话 框 中 ,删除 已 选 定 字 段 中 的 
infold 字段 ,然后 设置 infoTitle 和 CommandField 字段 属性 , 见 表 17-9。 
表 17-9 已 选 定 字段 各 属性 设置 
类 型 字段 属性 名 属性 值 
HeaderText 标题 
infoTitle 
ItemStyle/ Width 330px 
HeaderText 操作 
CommandField 
SelectText 查看 


(3) 程序 代码 部 分 的 编写 。 单 击 【解决 方案 资源 管理 器 】] 的 查看 代码 按钮 国 切 换 到 


代码 视图 。 


J 为 了 接收 从 主管 理 网 页 Default. aspx 传 过 来 的 类 别 参数 typeld ,需要 在 Page_Load 


事件 函数 中 书写 下 列 程序 : 


证 (!Page.IsPostBack) 
{ 
if egnest["typeId"] != null) 
{ 
// 保 存 管理 的 内 容 类 别 
ViewState["typelId"] =FRegnest["typeId"] .ToString (); 
} 
List.DataBind (); // 包 定 ,即时 显示 信息 
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@ 由 于 需要 多 次 对 “ 内容 更 新 模块 "各 控件 初始 化 处 理 ,为 减少 代码 元 余 , 可 以 新 建 
一 个 自 定义 函数 reset( ) 以 供 其 他 功能 调用 。 代 码 如 下 : 

Private void reset () 

{ 


hidrda.Value = "™"; 
txtTitle.Text = "7 
txtoontent..Text = "7 
imrgEhoto. ImegeUrl = " ~ /images/noEhoto.jpg"7 
imgEhoto.ToolTip= "™"; 
hlkEile.NavigateUrl = "™"; 
hlkEile.ToolTip= "7 
} 


@ 为 “内 容 更 新 模块 "添加 事件 处 理 。 双 击 添加 按钮 (bmUpdate ) ,在 自动 生成 的 
btnUpdate_Click 事件 函数 内 书写 以 下 代码 : 


// 从 ws.config 中 获取 设 定 的 上 传 文件 的 路 径 


string strUploadDirectory = 

["uploagDirectory"]; 

Fandm rd = new Random(); // 创 建 随机 数 生成 器 实例 ,用 于 后 面 的 起 名 
string strId= hidId.Value; // 记 录 的 主键 

string strTitle = txtTitle.Text; // 标 题 

string strContent = txtOmtent.Text; // 内 容 

string strFhoto= ""; 1/ 上 传 图 片 

证 (fupPhoto.HasFile) // 如 果 用 户 未 选择 上 传 文件 


{ 
string strExt = fopEhoto.FileName.Sibstring (fupEhoto.FileName. 
LastIndexof ('.')); // 取 扩展 名 
strEhoto= DateTime.Now.ToFileTime () .ToString() + 
rd.Next (1000, 4999) .ToString () + strExt; 
fipEhoto. PostedFi le.Savens (Server .MapPath (strUploadDirectory) + 
strEhoto); 
imgEhoto. ImageUr] = strUploadDirectory + strEhoto; 
imgEhoto.ToolTip = strEhoto; 


strEhoto = imgPhoto.ToolTip; 

} 

string strFile= "7 // 上 传 文件 

if (fapFile.HasFile) 

{ 
string strpxt = fipFile.FileNne.Sibstring (fipFile.FileNeme.TastIndexof ('.')); 
strFile= DateTine Now-TEEilerire () .TbString () + rd Nest 6000,9999) + strpxt; 
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strFile= hlkFile.ToolTip; 
} 
TEHelper dh = new TEHelper (); 


if (strId= ="") // 添 加 操作 

string strsql = " INSERT INID user_ Infomation (inforitle, infooontent, infoType, infophoto, 
infoEile) "; 

strsq + =" VAIES ("+ strritle +"', "+ stromntent + "', '" + Viewstate 
"typeId"] .ToString() + "','"+ strEhoto+ "', "+ strFile+ ™)"; 

dh.Executesd] (strsql); 
} 
else // 更 新 操作 


string strsq = "UEDATE user Infonration set infoTitle= "+ strTitle+ " "™ 
strsql + =",infooontent = "+ stroontent + "' "; 
strsql + =",infophoto= "+ strEhoto+ "号 
strsql + =",infopile= "+ strFile+"™ "™ 
strsql + =" WHERE infoId= "+ strld; 
dh.Executesq (strsql); 
} 
gvList.DataBind (); 
Teset (); 


@ 为 “主题 预览 模块 "中 的 [查看 ] 链接 功能 编写 程序 。 选 中 GridView 控件 
(gvList) ,在 [属性 ] 窗 口中 , 单 击 吕 按钮 切换 到 事件 列表 ,双击 SelectedIndexChanging 事 
件 , 生 成 gvList_SelectedIndexChanging 事件 函数 。 在 函数 内 书写 如 下 代码 : 


string strUploadDirectory = System.WEb.Configuraticn 
["uploagDirectory"]; 
string strId= gvList.Datakeys [e.NewSelectedIndex] .Value.ToString (); 
String strsql = "SETECT * FROM user Infonmmation WHERE infoId= "+ strId; 
TEHelper dh = new TEHelper (); 
Dataset ds = dh.GetDataset'sq] (strsql); 
txtTitle. Text = ds.Tables[0] .Rows [0] ["infoTitle"] .ToString (); 
txtcontent.Text = ds.Tables[0] .Rows [0] ["infocontent"] .ToString (); 
string strFhoto = ds.Tables [0] .Rows [0] ["infophoto"] .ToString() .Trim(); 
if (strEhoto! = 中 ) // 若 含 照 片 
{ 

imgEhoto. ImegeUr] = strUploadDirectory + strEhoto; 
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imgEhoto.ToolTip= strEhoto; 


imgEhoto.TragsUrl = " ~ /images/nophoto. jpg"; 
imgEhoto.ToolTip= ™™; 
} 
string strpile= ds.Tables[0] .Rows[0] ["infoFilen] .ToString() .Trim(); 
证 (strgile != "™") // 若 含 下 载 文件 
{ 
hlkEile.NavigateUrl = strUploadDirectory + strFile; 
hlkEile.ToolTip = strFile; 


hlkFile.NavigateUr] = ""; 
hlkile.ToolTip= "™"; 
} 
hidrda.Value = strId; 
btrOpdate.Text= "更 新 ”， 
lbtAod .Visible = true; 
@) 为 按钮 [切换 到 添加 】 编 写 代码 。 该 按钮 的 作用 是 将 “内 容 更 新 模块 "从 编辑 状态 
恢复 为 添加 状态 。 
双击 该 按钮 (lbtAdd) ,产生 lbtAdd_Click 事件 函数 。 在 其 中 书写 如 下 代码 ， 


btn0pdate.Text = "添加 必 
lbtacd.Visible = false; 
Teset (); 


17.9.5 留言 管理 网 页 设计 


留言 管理 网 页 的 功能 相对 要 简单 许多 , 它 只 包括 两 个 功能 , 即 “ 查 看 "和 “删除 "。 可 
以 通过 GridView 控件 实现 。 

(1) 依照 欢迎 网 页 Welcome. aspx 的 方式 添加 留言 管理 网 页 Message. aspx。 

(2) 拖 入 1 个 GridView 控件 ,设置 Width 为 400px, 并 为 其 选择 “新 建 数据 源 ”。 需 
要 特别 调整 的 位 置 如 下 : 

@ 在 【配置 Select 语句 】 步 又 ,选择 表 user_Message, 列 选择 全 部 ( * ) ; 

@ 单 击 ORDER BY ,在 [添加 ORDER BY 子 句 】 对 话 框 中 ,排序 字段 选择 msgId, 降 
序 排 列 ; 

@ 单 击 【 高 级 】] 按钮 ,在 【高 级 SQL 生成 选项 ] 对 话 框 中 ,选择 [生成 INSERT、 
UPDATE 和 DELETE 语句 】 复 选 框 。 

(3) 在 快捷 任务 菜单 中 选择 [启用 分 页 ] 【启用 排序 】 【启用 删除 】。 

(4) 选择 快捷 任务 菜单 中 [编辑 列 】 ,在 [字段 ] 对 话 框 中 ,删除 已 选 定 字段 中 的 msgId 
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字段 ,然后 为 其 余 的 选 定 字 段 设 置 HeaderText 属性 为 易 理解 的 名 称 。 
17.10 网 站 的 进一步 完善 


尽管 “简捷 动态 网 站 ”的 规模 还 比较 小 ,但 是 已 经 具备 了 动态 网 站 比较 核心 的 一 些 功 
能 ,如 信息 显示 与 发 布 .网 站 后 台 管 理 。 熟 练 创 建 该 网 站 ,对 于 后 期 构建 一 些 中 、 小 型 网 站 
具有 很 好 的 借鉴 意义 。 

网 站 也 存在 着 一 些 需 要 继续 改进 的 地 方 。 包 括 : 

(1) 后 台 添 加 信息 只 能 在 TextBox 控件 里 输入 ,不 能 像 Word 软件 那样 编排 格式 。 
解决 的 办 法 是 使 用 HTML 编辑 器 "代替 TextBox 控件 。 常 用 的 “HTML 编辑 器 "有 很 多 ， 
如 FCKEditor .eWebEditor .NiceEdit 等 。FCKEditor 编辑 器 如 图 17-19 所 示 。 


外国 着 到 局 | 回 口 由 | 国 j#% 二 区 史 刚 | 站 风 j 9 S| 的 总 | 图 2] 

| 
: 丘 汪 | 冯 宪 6 团委 续 于 je 癌 册 ] 

jE 国 上 最 国生 器 9 局 上 穆 : 史 -] 

; 样式 可 格式 | 浊 通 | 字 伟 可 大 小 非 加 也 


图 17-19 ”FCKEditor 编辑 器 


该 "HTML 编辑 器 "可 以 从 网 上 免费 下 载 。 

(2) 在 安全 性 方面 ,网 站 并 没有 对 传递 的 URL 参数 进行 过 滤 ,在 实际 运转 时 ,比较 容 
易 受 到 “SQL 注 和 攻击” 。 这 是 利用 一 些 网 站 程序 员 在 编写 代码 的 时 候 , 没 有 对 用 户 输入 
数据 的 合法 性 进行 判断 从 而 使 应 用 程序 存在 安全 隐患 ,黑客 通过 提交 一 段 数据 库 查询 代 
码 , 从 而 获得 某 些 非 公开 数据 。 限 于 篇 幅 , 这 里 就 不 做 过 多 介绍 了 。 

(3) 删除 确认 。 后 台 信 息 的 删除 操作 ,并 没有 给 用 户 弹出 确认 提示 ,有 时 会 造成 误 删 
除 。 解 决 的 办 法 在 第 16 章 已 经 做 了 介绍 ,读者 可 自动 参考 添加 。 

(4) 尽管 网 站 创建 了 friends 角色 ,但 并 没有 使 用 到 ,浏览 者 通过 用 户 注册 页 
Register. aspx 注册 后 ,并 不 隶属 于 任何 角色 。 对 此 ,网 站 并 没有 加 以 限制 ,用 户 登 录 后 即 
可 查看 “站 长 随笔 "内 容 , 这 种 用 户 管理 方式 还 比较 低级 。 同 时 ,后 台 也 应 具备 用 户 管理 
的 模块 。 对 此 ,可 以 使 用 11.9 节 介 绍 的 知识 进行 更 高 级 控制 。 

(5) 照片 预览 功能 没有 采用 缩 略 图 ,而 是 查看 原 图 的 缩小 显示 。 这 在 图 片 比 较 大 时 
会 影响 显示 速度 。 解 决 的 办 法 是 在 照片 上 传 时 ,使 用 后 台 程 序 自动 再 生成 一 个 缩 略 图 保 
存在 另外 的 目录 ,用 户 单 击 缩 略 图 时 再 链接 到 原始 图 片 。 生 成 缩 略 图 需要 用 到 System. 
Drawing 命名 空间 下 的 Image 类 。 相 关 使 用 方法 可 查阅 其 他 资料 。 

以 上 问题 ,最 好 能 在 对 本 网 站 整个 架构 完全 理解 的 基础 上 ,进行 逐渐 完善 。 

查看 本 实例 的 网 上 演示 以 及 源 代码 下 载 ,可 以 访问 网 站 http://www. qacn. net。 
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